[微信小程序]rich-text 内图片显示不完整 [我喜欢文艺一点的图片哦。]+ 查看更多
[微信小程序]rich-text 内图片显示不完整 [我喜欢文艺一点的图片哦。]
+ 查看更多
- 当前 Bug 的表现(可附上截图)
- 预期表现
第一个是小程序内rich-text的显示效果,第二张图是APP内的显示效果,可以看到小程序内的图片显示不完整,这应该是因为富文本内的图片实际宽度大于了屏幕宽度。
在web上我可以用css控制富文上的图片最大宽度,但是在小程序的rich-text上,设置class或者直接设置image我发现都不行,请问这算一个bug嘛,改怎么解决
-
, 如果你什么都不说,我也不知道怎么回答你呀小程序的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; "'), 说的貌似很有深意,你能一条一条说么?, 如果你什么都不说,我也不知道怎么回答你呀