javascript regex替换HTML字符

我想你可以在稍微不同的主题上使用问题的函数( Efficiently replace all accented characters in a string? )

杰森·邦廷的回答有一些好主意+必要的解释,这是他的解决方案,有一些修改,让你开始。( 如果你觉得这有帮助的话,把他的原始答案也投赞成票,因为这是他的代码,本质上 )

var replaceHtmlEntites = (function() {
    var translate_re = /&(nbsp|amp|quot|lt|gt);/g,
        translate = {
            'nbsp': String.fromCharCode(160), 
            'amp' : '&', 
            'quot': '"',
            'lt'  : '<', 
            'gt'  : '>'
        },
        translator = function($0, $1) { 
            return translate[$1]; 
        };

    return function(s) {
        return s.replace(translate_re, translator);
    };
})();

可调用的

var stringToMatch = "This string has special chars & and  ";
var stringOutput  = replaceHtmlEntites(stringToMatch);

编号的实体更容易,您可以使用一点数学和 String.fromCharCode() .

另一个更简单的可能性是这样的(在任何浏览器中都可用)

function replaceHtmlEntites(string) {
    var div = document.createElement("div");
    div.innerHTML = string;
    return div.textContent || div.innerText;
}

replaceHtmlEntites("This string has special chars < & >");
// -> "This string has special chars < & >"

另一种方法是创建DIV对象

var tmp = document.createElement("div");

然后将文本分配给它的innerhtml

tmp.innerHTML = mySpecialString;

最后读取元素的文本内容

var output = tmp.textContent || tmp.innerText //for IE compatibility

就这样……

您可以使用基于函数的替换来执行您想要执行的操作:

var myString = '&'+'nbsp;&'+'nbsp;&tab;©';
myString.replace(/&\w+?;/g, function( e ) {
    switch(e) {
        case ' ': 
            return ' ';
        case '&tab;': 
            return '\t';
        case '©': 
            return String.fromCharCode(169);
        default: 
            return e;
    }
});

不过,我确实敦促你考虑一下你的处境。如果在文本值中接收和复制以及其他HTML实体,是否确实要替换它们?之后你应该转换它们吗?

只是要记住一些事情。

干杯!

不使用痛苦的开关/案例陈述的现代变体:

const toEscape = `<code> 'x' & "y" </code> <\code>`

toEscape.replace(
  /[&"'<>]/g,
  (char) => ({
      "&": '&amp;',
      "\"": '&quot;',
      "'": '&#39;',
      "<": '&lt;',
      ">": '&gt;',
    })[char]
)

或者,因为这真的应该变成一个函数:

const encodeHTML = function(str) {
    const charsToEncode = /[&"'<>]/g
    const encodeTo = {
      "&": '&amp;',
      "\"": '&quot;',
      "'": '&#39;',
      "<": '&lt;',
      ">": '&gt;',
    }
    return str.replace(charsToEncode, char => encodeTo[char])
}

(此字符列表是根据 list of XML-escape-char-codes available on wikipedia )

替换任何HTML标记和HTML特殊字符的更好方法是用regex替换它们

str.replace(/<[^>]*>/g, '').replace(/[^\w\s]/gi, '')