Programmingの最近のブログ記事

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

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

公式サイト（Google code）

http://code.google.com/p/google-code-prettify/

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

C

Java

JavaScript

Python

対応言語一覧

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

• bash


• c


• c++


• java


• javascript


• perl


• python


• ruby


• sql


• xml


• html


• xhtml


• PHP


• xsl


• Lua


• VBScript


• Haskell


• OCaml


• lisp


• Protocol Buffers


• wiki


• css

設定方法

ダウンロード

http://code.google.com/p/google-code-prettify/

からソースコードをダウンロード。

javascript, cssの読み込み。

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

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

イベントの追加

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

onload="prettyPrint()";

試す

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