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

  • 最近在做小程序的项目,发现富文本里的内容溢出屏幕
  • 原因:富文本渲染的内容中空格较多,或者图片太大。都会对手机显示造成影响
  • 在utils文件写了方法,并导出
const formatRichText = html => {
  let newContent= html.replace(/\, ').replace(/\
,'
).replace(/\s{2,}/g,"") return newContent } module.exports = { formatRichText: formatRichText }
引入该方法的文件
import util from '../../../../utils/util'
this.setData({
   noticeObjContent: util.formatRichText(res.data.newsContent)
})

对文本的内容进行替换

你可能感兴趣的:(小程序)