2007年02月13日

Seesaa で投稿する時 HTML を実体参照化するブックマークレット

JavaScript などのプログラムのコードをブログに貼り付ける際につい忘れたり、面倒なのが、'<'、'>'、'&'、'"' などを実体参照化すること。

今まではこちらの Text -> HTML Entities Encoder などを使って変換してから Seesaa の投稿画面に貼り付けていました。便利に使わせていただいていたのですが、ブラウザ一つで出来るとはいえ、タブを切り替えたりして、投稿画面から離れるのも面倒になってきたので、その場(Seesaa の投稿画面)で変換出来るようにしてみました。

方法としてはブックマークレットを利用します。本文の入力画面内の変換したい文字を選択して登録しておいたブックマークレットを実行すると変換されるという感じです。

ソースはこんな感じです。

javascript:(function(){var d=document;function enc(id){var ta=d.getElementById(id);if(ta){v=ta.value;var t;if (d.selection){t=d.selection.createRange().text;if(t)d.selection.createRange().text=r(t);}else{var S=ta.selectionStart;var E=ta.selectionEnd;t=v.slice(S,E);if(t)ta.value=v.slice(0,S)+r(t)+v.slice(E);}}function r(s){return s.replace(/([<>&\"])/g, function(m0,m1){return {'<':'&lt;','>':'&gt;','\"':'&quot;','&':'&amp;'}[m1];});}}enc('article__body');enc('article__body_more')})();

まだおかしくなったりもあるかも知れないので、もし利用される方がいたら(これだけの説明だとよくわからないかと思いますが)お気をつけ下さい。自己責任でお願いします。

追記
Seesaa に限らず使えるようにしたブックマークレットを書いてみました。
テキストエリア内の選択部分を簡単に実体参照化するブックマークレット

posted by knit at 14:34 | Comment(0) | TrackBack(0) | JavaScript
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。