ブログ記事内のコード部分を見やすく

はてなブックマーク

記事にプログラムやソースコードを載せる際に見やすくなるであろうSyntaxHighlighter 1.5.1を導入しました。
Javascriptを使用しているので、オフにしている人には効果なしです。。
デフォルトではActionScript未対応ですが、プラグインという形でこちらで公開されています。ありがたい。SyntaxHighlighter.cssに.func追記で本領発揮。
dp.SyntaxHighlighterでActionScript 2.0/3.0のコードをハイライトする


↓こんな感じです。(バージョン2.0.320に変更しました)

btn.addEventListener(MouseEvent.CLICK,onclick);
function onclick(e:MouseEvent):void{
	var url:URLRequest=new URLRequest("http://endlessblank.com/");
	navigateToURL(url,"_blank");
}

問題点(1.5.1)
Windows版Safari4で機能しないようです。
何やらMTだとIEでコードが繰り返して表示されてしまう模様。ソースを見ると繰り返されていないのでJavascriptが原因だとは思うのだけれど。。ブラウザの繰り返し部分をどこかにコピペするとさらに繰り返されているという怪奇現象が起こります。MTでソースコードを綺麗に表示 - JUN-Hacks Blogによると、最新バージョンの2.0なら繰り返される現象は回避できるようです。このブログではとりあえずdivで囲ってhight指定、overflow:hiddenで応急処置しています。
追記 : ある日突然FirefoxとSafariあたりでJavaScriptがうまく動かなくなったので、これを機会に最新版2.0.320を導入しました。カスタマイズし易くなり、AS3.0にも対応していてよい感じ。

トラックバック(0)

トラックバックURL: http://endlessblank.com/mt/mt-tb.cgi/4

コメントする

  • RSS