正則表達式去除html中的style樣式

1、使用正則表達式去除html富文本中的style樣式

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

使用到的正則規則
字符    說明
(pattern)    匹配 pattern 並捕獲該匹配的子表達式。若要匹配括號字符 ( )，請轉義。
.    匹配除」\r\n」以外的任何單個字符。若要匹配包括」\r\n」在內的任意字符，請使用諸如」[\s\S]」之類的模式。
*    零次或屢次匹配前面的字符或子表達式。例如，zo* 匹配」z」和」zoo」。* 等效於 {0,}。
?    零次或一次匹配前面的字符或子表達式。例如，」do(es)?」匹配」do」或」does」中的」do」。? 等效於 {0,1}。
 

結果：

 

2、使用正則表達式去除指定標籤的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;
    }

 

3、同上原理，修改刪除指定標籤的width屬性

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

更多：

微信小程序富文本圖片處理二

微信小程序圖片上傳使用整理（一）

微信小程序圖片上傳使用整理（二）