小编典典

JavaScript 中的 HtmlSpecialChars 等价物是什么?

all

显然,这比我想象的更难找到。它甚至是如此简单......

是否有与 PHP内置在
JavaScript中的htmlspecialchars等效的功能?我知道自己实现它相当容易,但是使用内置函数(如果可用)会更好。

对于那些不熟悉 PHP 的人,htmlspecialchars 会将类似的东西翻译<htmltag/>&lt;htmltag/&gt;

我知道这一点escape()encodeURI()但不要这样工作。


阅读 70

收藏
2022-07-04

共1个答案

小编典典

您的解决方案代码存在问题 - 它只会转义每个特殊字符的第一次出现。例如:

escapeHtml('Kip\'s <b>evil</b> "test" code\'s here');
Actual:   Kip&#039;s &lt;b&gt;evil</b> &quot;test" code's here
Expected: Kip&#039;s &lt;b&gt;evil&lt;/b&gt; &quot;test&quot; code&#039;s here

这是正常工作的代码:

function escapeHtml(text) {
  return text
      .replace(/&/g, "&amp;")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}

更新

下面的代码将产生与上面相同的结果,但它的性能更好,特别是在大文本块上(感谢jbo5112)。

function escapeHtml(text) {
  var map = {
    '&': '&amp;',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#039;'
  };

  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}
2022-07-04