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