2009年04月30日

google-code-prettifyを導入

コードなんて書けないけど、興味本位でgoogle-code-prettifyというHTML上の例えばpre要素に書かれたコードを色分け(ハイライト)表示するためのJavaScriptライブラリを導入してみた。
DesignTemplate/CommonFile - livedoor Blog まとめサイトにあるとおり、prettify.jsとprettify.cssの両ライブラリはlivedoor Blogに用意されているので、後は記述例のまんまテンプレートに記述するだけ。

@charset "EUC-JP";
@import url(http://parts.blog.livedoor.jp/css/prettify.css);

prettify.cssは記述例に反してCSSの先頭の@import規則に記述している。
で、前回記事のpre要素にprettyprintのクラス属性を足したところHTMLコードがハイライト表示されたが、描画がとても遅くなった。
そもそもFlashやらJavaScriptやら既に貼り過ぎなんだよ、これじゃあ使えない。

3
m_hiro at 00:40 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック Clip to Evernote

コメントする

このブログにコメントするにはログインが必要です。