rich-text 内图片显示不完整 - WXOPEN Club

当前 Bug 的表现（可附上截图）

预期表现

第一个是小程序内rich-text的显示效果，第二张图是APP内的显示效果，可以看到小程序内的图片显示不完整，这应该是因为富文本内的图片实际宽度大于了屏幕宽度。

在web上我可以用css控制富文上的图片最大宽度，但是在小程序的rich-text上，设置class或者直接设置image我发现都不行，请问这算一个bug嘛，改怎么解决

yinfang 1楼•5 年前

小程序的rich-text支持的标签还有漏缺的，直接设置class应该是不支持的，不过可以通过正则表达式过滤图片标签，设置style，宽度100%，假设富文本的内容为content，content.replace(/\<img/gi, '<img style=“max-width:100%;height:auto” ')，试试看

cwen 2楼•5 年前

rich-text 直接把<img >标签里的html代码显示出来了，没有解析成图片，该怎么搞？？？

lijin 3楼•5 年前

给图片加属性宽100% 富文本配置的时候加style样式如果不好加就要你js控制获取富文本字段 let fwb= res.data.XX.富文本字段.replace(/\<img/gi, ‘<img style="width:100%;height:auto;display:block;margin: 0 auto; "’)

tkong 4楼•4 年前

试了楼上的方法,还是不行