富文本样式处理

读取富文本接口,对富文本的样式进行处理    此处为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  //最后赋值

posted @   新手上线  阅读(37)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示