微信小程序rich-text富文本 解决图片超出屏幕宽度

文本数据

更改前效果

解决办法

使用正则将数据中的img标签定义class或者直接写样式
再js文件中将数据进行修改

data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ') //正则替换

或者

 that.setData({
    
    
          content: res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')
        })
 
或
 
 that.setData({
    
    
          content: res.data.contents.replace('<img ', '<img style="max-width:100%;height:auto"')
        })

最终效果