- 当前 Bug 的表现（可附上截图）
- 预期表现
第一个是小程序内rich-text的显示效果，第二张图是APP内的显示效果，可以看到小程序内的图片显示不完整，这应该是因为富文本内的图片实际宽度大于了屏幕宽度。
在web上我可以用css控制富文上的图片最大宽度，但是在小程序的rich-text上，设置class或者直接设置image我发现都不行，请问这算一个bug嘛，改怎么解决
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|
| 小程序 | Bug | rich-text | 工具 | 7.0.3 | 2.5.0 |
- 当前 Bug 的表现（可附上截图）
- 预期表现
第一个是小程序内rich-text的显示效果，第二张图是APP内的显示效果，可以看到小程序内的图片显示不完整，这应该是因为富文本内的图片实际宽度大于了屏幕宽度。
在web上我可以用css控制富文上的图片最大宽度，但是在小程序的rich-text上，设置class或者直接设置image我发现都不行，请问这算一个bug嘛，改怎么解决
5 个回答
小程序的rich-text支持的标签还有漏缺的，直接设置class应该是不支持的，不过可以通过正则表达式过滤图片标签，设置style，宽度100%，假设富文本的内容为content，content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')，试试看
谢谢，试了你的方法，是可以的
可以
给图片加属性 宽100% 富文本配置的时候加style样式 如果不好加 就要你js控制 获取富文本字段 let fwb= res.data.XX.富文本字段.replace(/\<img/gi, '<img style="width:100%;height:auto;display:block;margin: 0 auto; "')
谢谢，这种方法可行
我的 富文本返回的内容加上了 style=“max-width:100%; height:auto” 但是依然不管用啊
rich-text 直接把<img >标签里的html代码显示出来了，没有解析成图片，该怎么搞？？？
试了楼上的方法,还是不行
我是可以的哎
我的只有一个可以
现在遇到的两个富文本都都加上类名了 或者样式加上了 但是不起作用
我也是没有效果