文字実体参照に一発変換

最終更新: 2014年2月9日

ブログにHTMLのソースを載せるとき、今まではテキストエディタの置換機能を使って『<』と『>』を『<』と『>』に変換していました。
が、それはとてもめんどくさい…。

『htmlエンティティフォーム』などで検索すれば変換フォームのページがたくさんヒットしますが、勉強のために自分で作ってみました。
(現在は、jQueryを使った方法のみを公開しています)

htmlentities() を2回繰り返しています。
Web上で表示されるときは『<』となるので、そのままコピーして利用することが可能です。

HTMLソースを『.text()』で単なる文字列に変換してinnerTextに格納します。
それを『.html()』で取り出せば変換された文字列を得ることができます。
ただし、引用符は変換されません。



$before = $_POST['before'];
$before = htmlentities($before, ENT_QUOTES, "utf-8");

$after  = htmlentities($before, ENT_QUOTES, "utf-8");



$('#after').val(

	$('<p>') // 使い捨て要素

		.text($('#before').val())

		.html()

);

下記でで紹介されているml-ent.exeがとても便利。
http://i.hatena.ne.jp/idea/7335

僕はタスクバーのクイック起動に加えてます。

↑こんな感じで