小程序rich-text文字和图片溢出屏幕

• 最近在做小程序的项目，发现富文本里的内容溢出屏幕
• 原因：富文本渲染的内容中空格较多，或者图片太大。都会对手机显示造成影响
• 在utils文件写了方法，并导出

const formatRichText = html => {
  let newContent= html.replace(/\<img/gi, '<img style="width:100%;height:auto;display:block;"').replace(/\<div style=\"/gi,'<div style="width:100%;word-break:break-all;word-wrap:normal;').replace(/\s{2,}/g,"")
  return newContent
}

module.exports = {
  formatRichText: formatRichText
}

引入该方法的文件
import util from '../../../../utils/util'
this.setData({
   noticeObjContent: util.formatRichText(res.data.newsContent)
})

对文本的内容进行替换