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(https://parts.blog.livedoor.jp/css/prettify.css);
prettify.css
は記述例に反してCSSの先頭の@import規則に記述している。
で、前回記事のpre要素にprettyprint
のクラス属性を足したところHTMLコードがハイライト表示されたが、描画がとても遅くなった。
そもそもFlashやらJavaScriptやら既に貼り過ぎなんだよ、これじゃあ使えない。
- ブログネタ:
- livedoorBlog全般 に参加中!
このブログにコメントするにはログインが必要です。
さんログアウト
この記事には許可ユーザしかコメントができません。