小程序读取富文本mysql存储_小程序 rich-text 富文本

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

这时候就要用到rich-text

rich-text

使用：

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

新建一个js文件 replaceImg.js：

/**

* 处理富文本里的图片宽度自适应

* 1.去掉img标签里的style、width、height属性

* 2.img标签添加style属性：max-width:100%;height:auto

* 3.修改所有style里的width属性为max-width:100%

* 4.去掉
标签

* @param html

* @returns {void|string|*}

*/

function formatRichText(html){

let newContent= html.replace(/]*>/gi,function(match,capture){

match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');</