如何在html中实现代码⾼亮语法着⾊
论坛上有学友问起来怎样在⽹页中实现代码的这种效果？
开始误以为是如何在⽹页中实现上边的编程，解释后才知道
“想问的是怎样实现图⽚中那样，在⽹页⾥实现插⼊的各种源程序代码的⾼亮显⽰。”
其实这就是⽤syntaxhighlighter 实现的代码⾼亮语法着⾊
这⾥了⼀下硬盘以前存的资料。分享如下
如何查看html代码
------------------------------------------------------------
syntaxhighlighter
⽬前的最新版本是 syntaxhighlighter2.1.364，具体怎么⽤⼤家可以下个zip包⽤浏览器⼀打开就知道了，这⾥摘录如下Code:
1. <scripttype="text/javascript"src="scripts/shCore.js"></script>
2. <scripttype="text/javascript"src="scripts/shBrushCSharp.js"></script>
3.
4. <linktype="text/css"rel="stylesheet"href="styles/shCore.css"/>
5. <linktype="text/css"rel="stylesheet"href="styles/shThemeDefault.css"/>
6.
7. <scripttype="text/javascript">
8. fig.clipboardSwf='scripts/clipboard.swf';
9. SyntaxHighlighter.all();
10. </script>
11.
12.
13. <preclass="brush:c-sharp;">
14. functiontest():String
15. {
16. return10;
17. }
18. </pre>
注意这个版本代码⾥没有demo，参考调⽤如下：
Code:
1. <linktype="text/css"rel="stylesheet"href="SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
2. <scriptlanguage="javascript"src="SyntaxHighlighter/Scripts/shCore.js"></script>
3. <scriptlanguage="javascript"src="SyntaxHighlighter/Scripts/shBrushCSharp.js"></script>
4.
5. <scriptlanguage="javascript">
6. load=function(){
7. dp.SyntaxHighlighter.ClipboardSwf='SyntaxHighlighter/Scripts/clipboard.swf';
8. dp.SyntaxHighlighter.HighlightAll('code');
9. }
10. </script>
11.
12. <prename="code"class="c-sharp">
13. ...这⾥写c#代码...
14. </pre>
附说明：
如果⽹页的html，css，js等等连基本的都看不懂的话，不要这么急着学这些旁门左道的； 互联⽹的的信息多，太多了的时候对初学者就是海量垃圾，本来5分钟搞定的资料 可能初学者在⽹上⽤了5⼩时。
这也是为什么我⼀直建议 学习的⼈⼀定要个⾯对⾯的⽼师，不要⾃学的原因之⼀，

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。