JavaScriptでHTMLエンティティーとその逆

10 12月

HTMLエンティティーをJavaScriptで処理しました。エンティティー化とその逆の話です。
ソースは下記ようなものです。

// HTMLentityをtextに変換。

function htmlentity2text(tmpentity) {

var element = document.createElement('div');

element.innerHTML = tmpentity;

return element.textContent;
}


// textをHTMLentityに変換。

function text2htmlentity(tmptext) {

var element = document.createElement('div');

$(element).text(tmptext);

return $(element).html();
}


var tmp = text2htmlentity('H <- O');

alert(tmp);

alert(htmlentity2text(tmp));

テンポラリーな div を作成して、その中にどのように書き込むか、どのように中身を読み取るかでエンティティー化したり、その逆に戻したりしています。