原生JavaScript或ES6编码和解码HTML实体的方式？

Question

是否有使用JavaScript或ES6 编码或解码HTML实体的本机方法？例如,<将被编码为<.有像html-entitiesNode.js这样的库,但感觉应该有一些内置于JavaScript中的东西已经处理了这个常见的需求.

Answer 1

使用 es6 转义 html 的一个不错的函数：

const escapeHTML = str => str.replace(/[&<>'"]/g, 
  tag => ({
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      "'": '&#39;',
      '"': '&quot;'
    }[tag]));

Answer 2

自己动手^{（警告 - 对于大多数用例，请使用 HE）}

\n\n

对于没有 lib 的纯 JS，您可以使用纯 Javascript 对 HTML 实体进行编码和解码如下所示：

\n\n

let encode = str => {\n  let buf = [];\n\n  for (var i = str.length - 1; i >= 0; i--) {\n    buf.unshift([\'&#\', str[i].charCodeAt(), \';\'].join(\'\'));\n  }\n\n  return buf.join(\'\');\n}\n\nlet decode = str => {\n  return str.replace(/&#(\\d+);/g, function(match, dec) {\n    return String.fromCharCode(dec);\n  });\n}\n

\n\n

用法：

\n\n

encode("Hello > \xc2\xa9 <") // "&#72;&#101;&#108;&#108;&#111;&#32;&#62;&#32;&#169;&#32;&#60;"\ndecode("Hello &gt; &copy; &#169; &lt;") // "Hello &gt; &copy; \xc2\xa9 &lt;"\n

\n\n

然而，您可以看到这种方法有一些缺点：

\n\n

\n
• 它甚至对安全字符进行编码H\xe2\x86\x92进行编码H
\n
• 它可以解码数字代码（不在星体平面中），但不知道浏览器支持的 html 实体/命名字符代码的完整列表浏览>
\n

\n\n\n\n

使用高等教育图书馆（Html 实体）

\n\n

\n
• 支持所有标准化命名字符引用
\n
• 支持unicode
\n
• 适用于不明确的 & 符号
\n
• 马蒂亚斯·拜恩斯编剧
\n

\n\n

用法：

\n\n

he.encode(\'foo \xc2\xa9 bar \xe2\x89\xa0 baz  qux\'); \n// Output : \'foo © bar ≠ baz 𝌆 qux\'\n\nhe.decode(\'foo © bar ≠ baz 𝌆 qux\');\n// Output : \'foo \xc2\xa9 bar \xe2\x89\xa0 baz  qux\'\n

\n\n

相关问题

\n\n

\n
• 如何使用纯 JavaScript 将字符转换为 HTML 实体
\n
• 在 JavaScript 中对 html 实体进行编码
\n
• 在 Javascript 中取消转义 HTML 实体？
\n
• HTML 实体解码
\n
• 解码包含特殊 HTML 实体的字符串的正确方法是什么？
\n
• 从文本 JavaScript 中去除 HTML
\n

\n

Answer 3

JavaScript API 中没有将 ASCII 字符转换为它们的“html-entities”等价物的本机函数。这是您可能喜欢的解决方案和简单技巧的开始