小程序 rich-text 富文本

做项目过程中，经常遇到接口里传过来的内容是包含html标签的，但是样式又不全面，导致在小程序显示的时候，整个界面都是乱的。

这时候就要用到 rich-text

使用：

有时候展现的图片也是没有样式的，导致图片会按照原始大小显示，超出界面框架。我们需要用正则将内容转义一下：

新建一个js文件 replaceImg.js ：

在对应的界面调用：

可以在小程序内尝试打印看看获取到的最后的内容；

这时候的img标签已经被加上的style。

微信小程序中的rich-text可以接收转移html标签

字体的样式处理 可以通过 给rich-text添加类名设置字体样式

图片的样式（自适应）

获取的html标签字符串.replace(/<img/g, '<img style="max-width:100%height:autodisplay:blockmargin:10px 0"')

---