微信小程序中的富文本(rich-text)中的一些技巧(持续更新)
如果不去多用,你就永远不会发现自己有多菜,哈哈哈,记录一下在使用rich-text中遇到的一些问题
1.rich-text中的内容都是一些图片,在显示的时候图片超过屏幕的范围
1)最有效的办法当然是跟后端进行沟通,对数据进行修改。
2)没办法改变后端数据的话,则在获取到数据后我们自己对数据进行一些修改,为图片添加一些样式,下面是一个例子:
屏幕效果:
富文本中的内容:
可以看到图片超过的屏幕的内容,在富文本内容中基本都是由图片组成的,且中有style="",为了能够为img添加样式,我们可以通过
(1)添加class,然后再添加样式
(2)直接在img中加入内联样式
由于内容中有style="",所以我选择的是第二种,通过正则表达式替换style中的内容
修改后的效果: