Unescape html字符实体

Question

我正在尝试将数据库中的值存储到HTML5 data属性中。

我可以因为this answer而逃避它们，但我该怎么扭转呢？

Answer 1

只需反转功能：

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

DEMO： http://jsfiddle.net/wazXb/

Answer 2

要处理所有潜在的字符（而不是＆＃34;已知的＆＃34;列表），请使用浏览器的自然转义，让它将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