javascript - html 文字エンティティのエスケープ解除

Question

dataデータベースの値を HTML5属性に保存しようとしています。

この答えのおかげで、私はそれらをうまく逃れることができますが、どうすればそれを元に戻すことができますか?

Answer 1

関数を逆にするだけです：

function unescapeHtml(unsafe) {
    return unsafe
        .replace(/&/g, "&")
        .replace(/&lt;/g, "<")
        .replace(/&gt;/g, ">")
        .replace(/&quot;/g, "\"")
        .replace(/&#039;/g, "'");
}

デモ: http://jsfiddle.net/wazXb/

Answer 2

すべての潜在的な文字を (「既知の」リストの代わりに) 処理するには、次のように HTML 文字列をテキストに変換させることで、ブラウザの自然なエスケープを使用します。

function unescapeHTML(string) {
   var elt = document.createElement("span");
   elt.innerHTML = string;
   return elt.innerText;
}

参考文献：

• document.createElement- https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
• *.innerHTML- https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
• *.innerText- https://developer.mozilla.org/en-US/docs/Web/API/Node/innerText