syntaxhighlighter風のjsライブラリ「LineNumberWriter」

トラックバック(0)

コメント(2)

Twitterでつぶやく

はてブする

Like@Lunaticの関口くんが開発したsyntaxhighlighter風のjsライブラリ「LineNumberWriter」を導入してみました。
そもそもこのブログで、ソースコードを記事の中に書く機会があまりないのですが・・・

LineNumberWriterのcssとjsを読み込み、window.onloadなどでLNW.write();を呼び出すと、<pre><code>でマークアップしている部分に、LineNumberWriterが適用されます。

なお、onloadで呼び出すイベントが複数あると、最後に設定された関数しか実行されされません。私はto-Rさんの「複数のjsライブラリを利用する際にonloadを書き換える方法」に書かれている方法で対応しました。
外部jsファイルを新たに作成し、以下のように記述しました。

function addEvent(elm,listener,fn){
	try{
		elm.addEventListener(listener,fn,false);
	}catch(e){
		elm.attachEvent("on"+listener,fn);
	}
}

addEvent(window,"load",function(){
	LNW.write()
});

・・・というわけで、LineNumberWriterはこんな(↑)風に記述されます。
行番号付きで表示されるものと、行番号なしで表示されるものとが、タブで切り替えられるのが最大の特徴でしょうか。
Firefoxでコピー&ペーストした際、行番号もコピペされてしまうのを回避するためだそうです。かゆいところに手が届く感じですね!

トラックバック(0)

このブログ記事に対するトラックバックURL: http://www.projectdd.jp/cgi/mt/mt-tb.cgi/240

コメント(2)

ご紹介&ご使用ありがとうございます。
自分の作ったものを他の人に使っていただけるというのは単純にうれしいものですね~!

はやしだいすけ : 2008年8月20日 22:59

>関口くん
いえいえ、素敵なツールの公開ありがとうございます。
これからもイロイロ提供しちゃってくださいね!

コメントする

プロフィール

お友達募集中w

お気軽にjoinしてください

track feed
www.flickr.com