2007/03/23

google-code-prettify - Google製コードハイライト表示JavaScriptライブラリ


google-code-prettify

google-code-prettifyは、Googleが提供するコードをハイライト表示してくれるJavaScriptライブラリです。

サンプルはこちらから見ることができます。

READMEを見ると、使い方も簡単そう。

まず、ライブラリの読み込み。

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

 onLoad時に実行。

<body onload="prettyPrint()">

ハイライト表示したいコードは、こんな感じで記述。

<pre class="prettyprint">
/*---------------------------
   google-code-prettifyサンプル
------------------------------*/
for (var i == 0; i < 10; i++) {
     alert(i);
}
</pre>

こんな風に表示されました(IE7)。

サンプル 

色合いは、prettify.cssを編集することで変更可能です。

なんかいい感じ!

なお、ライセンスは、Apache License 2.0です。

ダウンロードはこちらから。
http://google-code-prettify.googlecode.com/svn/trunk/src/

 


スポンサーリンク


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




Twitter ではブログにはない、いろんな情報を発信しています。


コメント

コメントを書く



プロフィール

  • 名前:fnya
    経歴:
    SE としての経験は15年以上。様々な言語と環境で業務系システム開発を行い、セキュリティ対策などもしていました。現在は趣味SE。

    Twitter では、ブログでは取り上げない情報も公開しています。


    ブログについて

    このブログは、IT、スマートフォン、タブレット、システム開発などに関するさまざまな話題を取り上げたり、雑感などをつづっています。

    >>ブログ詳細
    >>自作ツール
    >>運営サイト
    >>Windows 10 まとめ

    Twitter のフォローはこちらから Facebook ページはこちら Google+ページはこちら RSSフィードのご登録はこちらから