怎样用正则表达式去除html中的style样式-前端-IT技术博客

怎样用正则表达式去除html中的style样式

时间:2019-11-22 13:46:09 浏览: 字体: 放大 缩小


使用正则表达式去除html富文本中的style样式


String regEx = "style=\"(.*?)\"";

使用到的正则规则

字符    说明

(pattern)    匹配 pattern 并捕获该匹配的子表达式。若要匹配括号字符 ( ),请转义。

.    匹配除”\r\n”之外的任何单个字符。若要匹配包括”\r\n”在内的任意字符,请使用诸如”[\s\S]”之类的模式。

*    零次或多次匹配前面的字符或子表达式。例如,zo* 匹配”z”和”zoo”。* 等效于 {0,}。

?    零次或一次匹配前面的字符或子表达式。例如,”do(es)?”匹配”do”或”does”中的”do”。? 等效于 {0,1}。


使用正则表达式去除指定标签的style属性


操作说明,首先获取指定标签,然后替换标签中的属性


js代码示例如下:

formatImg:function(html){
            var newContent= html.replace(/<img[^>]*>/gi,function(match,capture){
            var match = match.replace(/style=\"(.*)\"/gi, 'class="img-responsive"');
            return match;
        });
        return newContent;
    }

 


同上原理,修改删除指定标签的width属性


//去除table的宽度
content=content.replace(/<table[^>]*>/gi,function(match,capture){
  return match.replace(/width=\"(.*)\"/gi,'');
});


标签: 正则表达式htmlstylestyle样式