Javascript 用颜色突出显示所有排除的字符

Question

我想在 Javascript 中创建一个正则表达式，突出显示列表中所有排除的字符<span></span>。有人可以帮我创建这个复杂的正则表达式吗？

\n\n

示例文本：This is a text \xe8\x8e\x8a\xe5\xad\x90 that contains \xc2\xb7 forbidden characters.

\n\n

需要转换为：This is a text <span>\xe8\x8e\x8a</span><span>\xe5\xad\x90</span> that contains <span>\xc2\xb7</span> forbidden characters.

\n\n

允许的字符列表：a-z, A-Z, 0-9, +%#()*+,-/:;<=>?_\xe2\x82\xac\xc2\xa3\xc2\xa5\xc2\xa7\xc3\x84\xc3\x85\xc3\x9c\xc3\xa4\xc3\xa8\xc3\xa9\xc3\xac\xc3\xb1\xc3\xb2\xc3\xb6\xc3\xb9\xc3\xbc=\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x98\xe2\x80\x99\'"

\n\n

谢谢你帮我！

\n

Answer 1

您可以使用否定模式：

\n\n

str = str.replace(/[^ \\w+%#()*+.,/:;<=>?\xe2\x82\xac\xc2\xa3\xc2\xa5\xc2\xa7\xc3\x84\xc3\x85\xc3\x9c\xc3\xa4\xc3\xa8\xc3\xa9\xc3\xac\xc3\xb1\xc3\xb2\xc3\xb6\xc3\xb9\xc3\xbc=\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x98\xe2\x80\x99\'"-]/g, \'<span>$&</span>\');\n\n//=> This is a text <span>\xe8\x8e\x8a</span><span>\xe5\xad\x90</span> that contains <span>\xc2\xb7</span> forbidden characters.\n

\n\n

正则表达式演示

\n