人力検索でHTMLタグを表示したい時のお助けツール

人力検索の回答では一部のHTMLタグが使えるようになっています。*1
回答内に<a href="http://www.hatena.ne.jp/">はてな</a>などのように記述すると、HTMLタグが有効に処理されて次のようなリンクになってしまいます。
はてな
これでは質問者にHTMLタグなどをそのまま見てもらいたい時に困ります。

今回はそんな時に便利なツールを紹介します。
テキスト入力エリア内で選択した範囲の「<>&"'」を実体参照文字に変換してくれるブックマークレットです。

このブックマークレットを実行すると次のように変換されます。

&lt;a href=&quot;http://www.hatena.ne.jp/&quot; target=&quot;_blank&quot;&gt;Hatena&lt;/a&gt;
&lt;a href=&#39;http://d.hatena.ne.jp/&#39; target=&#39;_blank&#39;&gt;はてなダイアリー&lt;/a&gt;

確認画面と回答表示画面では次のように表示されます。*2

<a href="http://www.hatena.ne.jp/" target="_blank">Hatena</a>

<a href='http://d.hatena.ne.jp/' target='_blank'>はてなダイアリー</a>

ブックマークレットのダウンロードと解説は次のページからどうぞ
http://ryus.co.jp/modules/d3blog/details.php?bid=190

人力検索では「<>」だけ変換すればHTMLタグは表示できます。
…というわけで、ほんの少しだけ変更して「&"'」は変更されないバージョンです。*3
テキストエリア内でもシンプルな表示で確認しやすくなります。*4

javascript:(function(){
var d=document;
function r(s){
return s.replace(/([<>])/g,function(m0,m1){
return {'<':'&lt;','>':'&gt;'}[m1];});}
 if(d.selection){
d.selection.createRange().text = r(d.selection.createRange().text);
}else{
var ta=d.getElementsByTagName('TEXTAREA');
 for(var i=0;i<ta.length;i++){
if(ta[i].value){
var s=ta[i].selectionStart;
var e=ta[i].selectionEnd;
var v=ta[i].value;
var t=v.slice(s,e);
if(t){
ta[i].value=v.slice(0,s)+r(t)+v.slice(e);
}}}}})();

*1:コメントではHTMLタグには未対応ですので、そのまま表示されます。

*2:枠は表示されません。枠内に表示させたければ、スーパーpre記法を使用するといいです。

*3:ほとんど元のソースから変更していません・・・

*4:Win＋IE7、Firefox3、Safari3で動作しました。