用于从样式中删除高度/宽度的 Javascript 正则表达式

Question

在 CKEDITOR 中使用 HTMLFilter addrules，我试图从纯文本的 STYLE 中删除高度/宽度。

它们不返回纯文本样式的实际对象，所以我真的不能使用 jQuery 或其他 DOM 操作工具。

我有下面的正则表达式代码，它成功地删除了 HEIGHT 和 WIDTH，但仍然保留了实际尺寸。

我是正则表达式的新手，所以我确信它相当简单。只是不确定是什么。

谢谢。

var str = "width:100px;height:200px;float:left;";
var regex = /(height|width):(?=(.*?);)/gi;
console.log(str.replace(regex,""));

Answer 1

您使用了前瞻，它是一种非消耗模式，即它匹配的文本不会成为整个匹配值的一部分。因此，它不会被删除

使用像这样的模式

/(?:height|width):[^;]*;/gi

参见 regex demo .

详情

• (?:height|width) - non-capturing group匹配 height 或 width
• : - 冒号
• [^;]* - negated character class匹配除 ;
以外的 0+ 个字符
• ; - 一个分号。

查看 JS 演示:

var str = "width:100px;height:200px;float:left;";
var regex = /(?:height|width):[^;]*;/gi;
console.log(str.replace(regex,""));