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

项目中有些地方需要富文本展示，但是富文本编辑可能存在不规范，导致富文本中的图片超出手机屏宽的情况；
.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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容