ソースコードを装飾

やっぱ色付いてるほうがコッカいいよね！！

ってことで、ホームページにソースコードを掲載するときに使える、

ソースコードを装飾するJavascriptを作ってみました。

現在、装飾できるのはJavascriptだけですが、

ちょっと改造するればC言語やJavaにも対応できます。

googleが作ったものなどには遠く及びませんが、

個人的に使ったり、カスタマイズして使う分には十分ではないでしょうか。

使い方

1. decorate.jsとdecorate.cssをダウンロードします。
2. 使いたいhtmlのheadに以下の2文を追加します。

   <link href="decorate.css" type="text/css" rel="stylesheet" />
   <script type="text/javascript" src="decorate.js"></script>

3. preタグを用意し、name属性をcodeにします。

   <pre name="code"></pre>

4. preタグ内にソースコードを記述します。
5. bodyタグに

   onload="decorate('code')"

   を追加します。
6. html、decorate.js、decorate.cssをアップロードします。

デモ

/*
  test
*/
var a = 10.05;	// test
var b = "abc";