Home > 日記2007後期 > google-code-prettify

google-code-prettify

この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文字変換にしたい場合はソースを修正する必要があります。

こちらのサイトを参考にしました。

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
Listed below are links to weblogs that reference
google-code-prettify from タムタムの日記

Home > 日記2007後期 > google-code-prettify

Search
Feeds

Return to page top