使用SyntaxHighlighter高亮代码

使用SyntaxHighlighter高亮代码

Luo Weifeng 2011-4-13

上次介绍了用CodeHighlighter进行语法高亮显示，这次使用SyntaxHighlighter进行语法高亮。这两个的区别就是，一个用于客户端，一个用于服务器，CodeHighlighter是.NET的一个控件，适用范围比较狭小，使用在Server端，而这里介绍的SyntaxHighlighter是Java Script的，用在客户端，可以说适用性更强。

 

使用示例

加载所需文件（例子 java Script脚本）

<mce:script type="text/javascript" src="scripts/shCore.js" mce_src="scripts/shCore.js"></mce:script> <mce:script type="text/javascript" src="scripts/shBrushJScript.js" mce_src="scripts/shBrushJScript.js"></mce:script> <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css" mce_href="styles/shCoreDefault.css"/>  

执行渲染（高亮）

<mce:script type="text/javascript"><!-- SyntaxHighlighter.all(); // --></mce:script> 

被渲染对象

<pre class="brush: js;"> function helloSyntaxHighlighter() { return "hi!"; } </pre> 

 

官方地址： http://alexgorbatchev.com/SyntaxHighlighter/