現在版本syntaxhighlighter_2.1.364
解壓壓縮包，scripts檔案夾中包含了各種語言的js檔案，在styles檔案夾中是各種顯示高亮的主題
如何使用？首先要引入其核心javascript檔案shcore.js和核心css檔案shcore.css，這兩個是必選要引入的。其次引入你要高亮的語言js，比如我想高亮顯示的是c#，那麼必須引入在scripts檔案夾中的shbrushcsharp.js，最後引入高亮顯示的主題css，預設的為shthemedefault.css
下面以高亮顯示javascript代碼為例講解。
引入js和css檔案之後還要在頁面上寫相關代碼。
javascript代碼：
<script
type="text/javascript">
syntaxhighlighter.config.clipboardswf =
'scripts/clipboard.swf';
syntaxhighlighter.all();
</script>
html代碼：
<pre
class="brush: javascript;">
var mycustomfn = function showfn() {
ext.msg.alert('消息框', "你調用了用戶端的javascript函數");
}
</pre>
注意：html代碼顯示在标簽為<pre></pre>中，syntaxhighlighter預設會自動查找<pre
/>标簽，其中标簽可自定義，可以是<div>，<ul >，<ol
>等等，隻需要加上如下配置代碼：
syntaxhighlighter.config.tagname = 'div';
同時根椐class類名選擇不同的格式刷，由于以javascript為執行個體，是以格式刷配置為javascript，如上：class="brush: javascript;"
滑鼠移動到代碼區域時會顯示一個工具條，分别是顯示代碼，複制代碼，列印代碼和幫助四個功能，預設為英文，改中文設定如下：
<script
syntaxhighlighter.config.clipboardswf =
syntaxhighlighter.config.strings = {
expandsource :
'展開代碼',
viewsource :
'檢視代碼',
copytoclipboard :
'複制代碼',
copytoclipboardconfirmation :
'代碼複制成功',
print :
'列印',
help:
'?',
alert:
'文法高亮\n\n',
nobrush:
'不能找到刷子: ',
brushnothtmlscript:
'刷子沒有配置html-script選項',
aboutdialog:
'<div></div>'
};
</script>
看下最終效果展示：
