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

原创
2019/01/17 16:13
阅读数 2.5K

一、使用正则表达式去除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,'');
});

更多:

微信小程序富文本图片处理二

微信小程序图片上传使用整理(一)

微信小程序图片上传使用整理(二)

 

展开阅读全文
加载中
点击加入讨论🔥(1) 发布并加入讨论🔥
1 评论
0 收藏
1
分享
返回顶部
顶部