- 最近在做小程序的项目,发现富文本里的内容溢出屏幕
- 原因:富文本渲染的内容中空格较多,或者图片太大。都会对手机显示造成影响
- 在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)
})
对文本的内容进行替换