Javascript ´úÂë×ÅÉ«¹¤¾ß SyntaxHighlighter
1.Ê×ÏÈÏÂÔØSyntaxHighlighter.
2.½âѹµ½SyntaxHighlighterĿ¼ÖÐ.
3.½¨Á¢HTMLÎļþ:
<pre name="code" class="Ruby">
...Ruby´úÂë...
</pre>
¿ÉÒÔÓ¦ÓÃÔÚpreºÍtextareaÁ½ÖÖHTML±êÇ©ÄÚ,nameΪcode,classΪҪ×ÅÉ«µÄÓïÑÔ,ÏÖÔÚÖ§³ÖC, C#, CSS, Delphi, Java, JScript, Php, Python, Ruby, Sql, VB, XMLÕâЩÓïÑÔ.
4.¼ÓÈëËùÐèµÄCSSºÍJSÎļþ:
<link rel="stylesheet" type="text/css" href="./lib/SyntaxHighlighter/Styles/SyntaxHighlighter.css" />
<script src="./lib/SyntaxHighlighter/Scripts/shCore.js"></script>
<script src="./lib/SyntaxHighlighter/Scripts/shBrushRuby.js"></script>
ÕâÀïÖ»ÓÃÁËRuby,ÆäËûµÄÀàËÆ.
5.½ÓÏÂÀ´¾ÍÊÇÔÚwindowµÄonloadʼþÄÚ,ÈÃSyntaxHighlighter¹¤×÷ÆðÀ´.
window.onload = function() {
dp.SyntaxHighlighter.ClipboardSwf = './lib/SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll("code");
};
Ö®ºó,Ë¢ÐÂÏÂÒ³Ãæ,Äã¾Í»á·¢ÏÖ,´úÂëÒѾ±»×ÅÉÏÁËÏàÓ¦µÄÑÕÉ«ÁË.
ÏÂÔØµØÖ·£ºhttp://code.google.com/p/syntaxhighlighter/downloads/list
±¾ÎÄÓÉÁã¶È¿Æ¼¼ - ÐÇ»ðÁÇÔÌṩ
ÔÎÄÀ´×Ô£ºhttp://blog.00isp.com/technology/javascript/20100211/js_SyntaxHighlighter.html
Ïà¹ØÎĵµ£º
½ñÌìÔÚ¿ª·¢¹ý³ÌÖÐÓöµ½ÒªÓÃJs´úÂë»ñÈ¡GridViewÖÐij¸ö´¥·¢Ê¼þ¿Ø¼þµÄID£¬±¾È˹ýȥûÓÐÕâÑù×ö¹ý£¬Õâ¸öÎÊÌâÔÚÄÇʱ°ÑÎÒ¸øÄÑסÁË¡£
ÔÚÍøÉÏÕÒÁ˺ðëÌ죬ÖÕÓÚÊǹ¦·ò²»¸ºÓÐÐÄÈË£¬´ð°¸»¹ÊÇÈÃÎÒ¸øÕÒµ½ÁË£¡ÕâÒ²Òª¸ÐлÄǸö»ØÌûµÄºÃÐÄÈË¡£
½â¾ö·½·¨¾ÍÊÇ£ºwindow.event.srcElement.id £¬Ëü¿ÉÒÔµ±Ç°»ñµÃ´¥·¢Ê¼þ¿Ø¼þµÄID£¬¿Ø¼þÖªµÀÁË ......
¾¡¹ÜÄÇÐèÒªÓó¤´®µÄ¡¢³ÁÃÆµÄ²»Í¬·ÖÖ§´úÂëÀ´Ó¦¸¶²»Í¬ä¯ÀÀÆ÷µÄÈÕ×ÓÒѾ¹ýÈ¥£¬Å¼¶û»¹ÊÇÓбØÒª×öһЩ¼òµ¥µÄÇø·ÖºÍÄ¿±ê¼ì²âÀ´È·±£Ä³¿é´úÂëÄÜÔÚÓû§µÄ»úÆ÷ÉÏÕý³£ÔËÐС£ÔÚÕâÆªÎÄÕÂÖУ¬×÷Õß½éÉÜÁË7¸öÔÚIEºÍFirefoxÖв»Í¬µÄJavaScript¾ä·¨¡£
1. CSS "float" Öµ
·ÃÎÊÒ»¸ö¸ø¶¨CSS ÖµµÄ×î»ù±¾¾ä·¨ÊÇ£ºobject.style.property£¬ ......
<script language="JavaScript" type="text/javascript" >
<!--
.
//-->
</script>
.languageÒѾ±»ÆúÓ㬵«ÎªÁ˼æÈݾɰ汾ä¯ÀÀÆ÷¶ø±£Áô£¬ËùÒÔ½¨ÒéͬʱʹÓÃÕâlanguageºÍtypeÁ½¸ö
.<!--- //-->& ......
×î½ü£¬ÎҲο¼£¬¸ù¾ÝÕýÔò±í´ïʽ¹¹½¨DFA£¨È·¶¨µÄÓÐÇî×Ô¶¯»ú£©µÄ¼¼Êõ£¬Íê³ÉÁËÒ»¸ö´ÓÕýÔò±í´ïʽµ½JavaScriptµÄ·ÒëÆ÷¡£
·ÒëÆ÷ÊÇÕë¶ÔchromeºÍfirefoxÉè¼ÆµÄ£¬Ã»ÓÐÔÚÆäËûä¯ÀÀÆ÷ÖвâÊÔ¹ý¡£
Google CodeÉϵÄÔ´´úÂ룺http://code.google.com/p/nephotools/source/browse/#svn/trunk/regexpQuery
regexpQuery.jsÖж¨ÒåÁËregexpQue ......
ҪʵÏÖ¶¯Ì¬½»»¥£¬±ØÐëÕÆÎÕÓйش°Ìå¶ÔÏó(Form)ºÍ¿ò¼Ü¶ÔÏó(Frames)¸üΪ¸´ÔÓµÄ֪ʶ¡£
Ò»¡¢
´°Ìå»ù´¡ÖªÊ¶
¡¡¡¡´°Ìå¶ÔÏó¿ÉÒÔʹÉè¼ÆÈËÔ±ÄÜÓô°ÌåÖв»Í¬µÄÔªËØÓë¿Í»§»úÓû§Ïཻ»¥£¬¶øÓò»×ÅÔÚ֮ǰÊ×ÏȽøÐÐÊý¾ÝÊäÈ룬¾Í¿ÉÒÔʵÏÖ¶¯Ì¬¸Ä±ä
WebÎĵµµÄÐÐΪ¡£
£±¡¢Ê²Ã´ÊÇ´°Ìå¶ÔÏó
´°Ì壨Form£©:Ëü¹¹³ÉÁË
WebÒ³ÃæµÄ»ù±¾ÔªËØ¡£Í¨³£Ò ......