April 6, 2014

SyntaxHighlighterでHTMLコードをブログに掲載するときの文字変換ブックマークレット

Syntax Highlighterはとても便利なコード装飾用のソフトですが、HTMLコードをpreタグを使って表示する場合、<と>をエスケープして&lt;と&gtにしなければなりません。

検索・置換を毎回やっていても不便なのでブックマークレットにしました。


コード

変換したいテキストを選んでブックマークレットを実行するだけです。

参考

ブックマークレット作成を補助してくれるツールがあります。
コードをブックマークレット用(Compress)と通常編集用(Format)で自由に切り替えられてとても便利。
Bookmarklet Builder
http://subsimple.com/bookmarklets/jsbuilder.htm
このツールを作っているサイトにはブックマークレットを作るときの参考情報が大量にのっています。
ここだけで大抵のものは作れそうです。
Tips for Writing Bookmarklets
http://subsimple.com/bookmarklets/tips.php 

更新履歴

 2014/4/6 初版
2014/4/9 正規表現にgオプションを指定し忘れていたのを修正

No comments :

Post a Comment