[Permalink Page] コードの色分け表示を自動で

サーバ移転しました.

http://clipfog.dyndns.org/




CSSとJavaScriptを組み込むだけでコードのハイライト表示ができるSyntaxHighLighterを使ってみました.クライアントサイドで処理をするので見る側のマシンスペックによっては表示に時間がかかる場合もありますが、おそらくそこまで支障はないでしょう.

専用のCSSを読み込んで、ページの最後でJavaScriptを実行するだけです.スマートなやり方だったら、onloadで実行するように自分で書けばすべてhead内でおさまることになります.でもそれは面倒臭いという場合は、ページの最後のほうにコードを入れてあげればいいだけです.

head内に……

最後に……

スクリプトの読み込みは別に先頭でもいいんですが、自分は実行と一緒にしてます.

で、実際に使うときは……

「~~」がハイライトされます.classの指定をcss, python, jsなどと変えればそれに対応したハイライトが適用されます.

……ですが、MT3.35ではtextarea内の改行が変換されてしまい、とんでもないことになりますので対策が必要です.

便利なプラグインがあります.ModTextFilterを使えばtextarea内の改行が表示されなくなります.

参考:Movable Type備忘録

trackback (0)

TRACKBACK URL: http://www.clipfog.org/mt/mt-tb.cgi/4