Googleのソースコードに色を付けるハイライト表示。

Googleのソースコードに色を付けるハイライト表示。「http://code.google.com/p/google-code-prettify/」から「google-code-prettify」をダウンロード。「prettify.css」と「prettify.js」の２つをサーバにアップ。
linkでcssファイルの読み込み。

<link href="prettify.css" type="text/css" rel="stylesheet" />

scriptでjsファイルの読み込み。

<script type="text/javascript" src="prettify.js"></script>

bodyタグで実行。

onload="prettyPrint()"

適用したい部分をpreかcodeのどちらかで囲む。

<pre class="prettyprint">...</pre>

<code class="prettyprint">...</code>

行番号の表示はnocodeで囲む。

<pre class="prettyprint"><span class="nocode">1:</span></pre>

1:
5:
10: