处理uniapp(同理小程序)开发中使用rich-text富文本解析,图片未自适应宽度问题（图片显示不全）...

精选30+云产品，助力企业轻松上云！>>>

1.问题:

我们在小程序端使用rich-text富文本解析的时候，图片不是自动适应的，显示不全。下面是问题的效果图。

1.1 效果

可以看到图片是没有完全显示出来的。这不是我们想要的，看下面的解决方案吧，一行代码即可。

2.解决

将你的富文本内容中的img标签进行替换, 就是多加了点样式,代码如下

调用.replace替换方法
.replace(/\<img/gi, '<img style=max-width:100%;height:auto')

2.1 效果

可以看到图片完全显示出来了。这是我们想要的。OK，就这样。