このBLOGにもgoogle-code-prettifyというコードハイライトライブラリを入れました。
ソースコードに色づけをするものなのですが、JavaScriptのみでやっているのが凄いです・・。
Wikiには独自プラグイン作って導入済みです。
導入は簡単です。
GoogleCodeからライブラリをダウンロードしたら、導入したいHTMLのヘッダに以下を指定します。
<script src="prettify.js" type="text/javascript"></script> <link href="prettify.css" rel="stylesheet" type="text/css"/>
次にHTMLの読み込みが終わったらJavaScriptを実行します。
<body onload="prettyPrint()">
そしてPREタグかCODEタグのCLASSに"prettyprint"を指定します。
<pre class="prettyprint"> ソースコード </pre>
ちなみに、TABはデフォルトで8文字に変換されます。4文字変換にしたい場合はソースを修正する必要があります。
こちらのサイトを参考にしました。