読者です 読者をやめる 読者になる 読者になる

google-code-prettifyによるハイライト表示。

Programming

googleソースコードをハイライト表示するライブラリを公開してる。

javascriptcssで構成されているので、ブログとかに組み込むと良さそう。

ハイライト表示のサンプルキャプチャ

C

f:id:rokujyouhitoma:20090628130304p:image

対応言語一覧

メジャー言語はサポートされているので、いい感じ。

設定方法

ダウンロード

http://code.google.com/p/google-code-prettify/
からソースコードをダウンロード。

javascript, cssの読み込み。




イベントの追加

documentのbody要素に下記を追加。


onload="prettyPrint()";

試す

pre要素または、code要素のclassにprettyprintを設定。