富文本样式处理

发布时间 2023-11-30 10:47:31作者: 新手上线

读取富文本接口,对富文本的样式进行处理    此处为uniapp的方式 (微信小程序同理)

res.data.article_content=res.data.article_content.replace(/(style="(.*?)")|(width="(.*?)")|(height="(.*?)")/ig, '')  //清除富文本所有标签的style

res.data.article_content=res.data.article_content.replace(/(width="(.*?)")|(height="(.*?)")/ig, '')  //清除富文本所有标签的宽高,主要运用在图片上,其他标签的样式做保留

res.data.article_content=res.data.article_content.replace(/img/gi,'img style="width: 100%;border-radius:20px;"')  //然后对图片的样式重新定义
this.nodes=res.data.article_content  //最后赋值