ソースコードを見やすく表示する「SyntaxHighlighter」というのを試してみた。てか、このブログに実装してみた。
XHTMLやCSSをはじめ、各種言語に対応していて、「<pre class="XXXX">（ソースコードを記述）</pre>」とすることで、ソースコードを見やすく表示してくれる。"XXXX"のところには、対応する言語を入れる。例えば、CSSならば、「<pre class="brush: css;">（ソースコードを記述）</pre>」と記述する。すると、下記のように表示されます。
.sample {
margin: 20px !important;
margin: 10px; /* for only IE6 style */
}
だからどうしたって感もありますが、よくみるお飾りなので、自分トコにも入れてみました。
ライブラリは下記のサイト、Links の Download からダウンロードできます。
2009年4月24日現在、「syntaxhighlighter_2.0.296.zip」というファイルがダウンロードできます。
コメントする