小程序rich-text富文本展示,图片宽度超出屏幕

2020-04-16 本文已影响0人考拉小姐咩

项目中有些地方需要富文本展示，但是富文本编辑可能存在不规范，导致富文本中的图片超出手机屏宽的情况；
.wxml文件代码

<rich-text  nodes="{{goodPicTxt}}"></rich-text>

截屏2020-04-16下午2.08.46.png

解决方案：

修改.js文件中goodPicTxt的值即可

goodPicTxt = goodPicTxt.replace('<img ', '<img style="max-width:100%;height:auto"');

截屏2020-04-16下午2.11.12.png