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

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

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

コード

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

javascript:(function(){var%20text="";var%20sel=window.getSelection();if(sel.rangeCount){var%20container=document.createElement("div");for(var%20i=0,len=sel.rangeCount;i<len;++i){container.appendChild(sel.getRangeAt(i).cloneContents());}text=container.textContent;text=text.replace(/</g,"<");text=text.replace(/>/g,">");}var%20b=document.activeElement;var%20start=b.selectionStart;var%20end=b.selectionEnd;if(b.value!=undefined){text=b.value.substring(start,end);text=text.replace(/</g,"<");text=text.replace(/>/g,">");}if(text!=""){prompt("Copy%20following%20code%20to%20HTML%20editor.",text);}})();

参考

ブックマークレット作成を補助してくれるツールがあります。
コードをブックマークレット用（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オプションを指定し忘れていたのを修正