小程序 rich-text 富文本

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

这时候就要用到 rich-text

使用：

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

新建一个js文件 replaceImg.js ：

在对应的界面调用：

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

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

后台传来的富文本有些并不能被 rich-text 识别以及良好的展现，比如图片大小问题，我们后台传来的含有很多<u>标签，尽管官方文档显示小程序支持，但实践中并不可以，只好通过方法将其删除，还有<被转义成&lt这些。我们需要将其换成普通字符供 rich-text 识别：

wxml中：

---