微信小程序获取的富文本文章里面的图片，去除样式

Spring_2020。

已于 2023-05-11 12:01:40 修改

阅读量458

点赞数

文章标签：微信小程序小程序

于 2023-05-11 11:57:11 首次发布

本文链接：https://blog.csdn.net/weixin_47945245/article/details/130618913

版权

//小程序改变文章中的图片样式为自适应有两种方法

//1、适用于本身无样式图片（有的图片需要去掉height:auto;）

  let txt = res.data.caseContent  //富文本内容
  txt =  txt.replace(/<img/gi,'<img style="max-width:100%;height:auto;margin:0 auto;display:block"')

//2、去样式并自适应

    let txt = res.data.caseContent  //富文本内容
    wx.formatRichText = function(html) {
      let newContent = html.replace(/<img[^>]*>/gi, function(match, capture) {
        match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');
        match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
        match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi,'');        
        return match;
    });
    newContent = newContent.replace(/style="[^"]+"/gi, function(match, capture) {
        match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi, 'max-width:100%;');
        return match;
    });
    newContent = newContent.replace(/<br[^>]*\/>/gi, '');
    newContent = newContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"');
    return newContent;
    }
    txt = wx.formatRichText(txt)