1.wxml页面代码,其中rich-text节点中nodes绑定的就是我们的内容

<rich-text nodes="{{content}}"></rich-text>

2.js页面定义content这个参数（注意content类型为字符串）

data{
  content:""
}

3.最后调用接口，获取后端的图片数据，图片如下图所示

text-rich数据.png

4.对接口数据进行处理，图片的样式通过正则匹配去修改，需要注意的是，因为我这里有多张图片，在排列时上下之间可能会出现间隙如图示，解决方案就是在正则中给img加上display：block即可；

var content = res.data.content
    content = content.replace(/<img/gi,'<img style="max-width:100%;height:auto;display:block"')
    that.setData({
       content: content
    })