プログラムのコードに色を付ける「google-code-prettify」

Check このエントリーをはてなブックマークに追加

配布元：google-code-prettify
ライセンス：Apache License 2.0

google-code-prettifyはHTMLで表示されるプログラムのコードに色を付けるJavaScriptライブラリで、CやJava, Python, SQL, HTML, XML, CSS, Javascript,Ruby, PHP, Perlなど様々な言語に対応しています。

使い方

ダウンロードしたprettify.cssとprettify.jsを読み込みます。

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

prettyPrint()を実行します。
配布元ではonloadイベントで追加と説明していますがaddEventListenerで追加したほうがよいでしょう。

<script type="text/javascript">
try{
	window.addEventListener("load",prettyPrint,false);
}catch(e){
	window.attachEvent("onload",prettyPrint);
}
</script>

配色を変更したいコードをprettyprintとclass名をつけたpre要素で包みます。

<pre class="prettyprint">
配色を変更したいコード
</pre>

サンプル

コードなどを書く際に使用すると可読性が向上するでしょう。

スポンサードリンク

コメント

カテゴリー：google コード配色 ライブラリ 表示