SyntaxHighlighter：很優秀的代碼着色工具

SyntaxHighlighter 是Google Code 上的一個開源項目，主要用於給網頁上的代碼着色，使用十分方便，效果也不錯，而且幾乎支持常見的所有語言。

安裝使用方法：

1. 首先在頁面上添加如下代碼（假設下載後的SyntaxHighlighter放在SyntaxHighlighter目錄下面，注意目錄結構）：

<link type="text/css" rel="stylesheet" href="SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
<script language="javascript" src="SyntaxHighlighter/Scripts/shCore.js"></script>
<script language="javascript" src="SyntaxHighlighter/Scripts/shBrushCSharp.js"></script>
<script language="javascript" src="SyntaxHighlighter/Scripts/shBrushXml.js"></script>
<script language="javascript">
window.onload = function () {
dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>

官方的安裝中沒有window.onload，我想這個還是需要的，畢竟，頁面加載的時候我就需要給代碼着色。

2. 使用方法如下：

方法一：使用pre

<pre name="code" class="c-sharp">
 ... some code here ...
</pre>

方法二：使用textarea

<textarea name="code" class="c#" cols="60" rows="10">
... some code here ...
</textarea>

另外，這裏還有一些高級特性的設置方法可供參考，諸如代碼摺疊等。

我在互動wiki 上安裝成功，安裝方法如上，第一步的修改代碼放到doc.php文件的最後即可，以後編輯wiki的時候直接使用html模式即可按照第二步的方法給代碼着色。

PS：CSDN的blog系統上使用的也是這個插件:>[本文代碼不着色]