微信小程序 渲染 html数据

WXML 中

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

 

JS 中

data: {
    content:null
  },

onLoad: function (options) {
    // 调用接口获取数据
    api.get('/api/cms/news/detail?id='+options.id).then(res => {
      if (res.code == 200) {
        var data = res.content
        // 转换图片的样式，让它宽度铺满屏幕
        data.content = data.content.replace(/<img /g,'<img style="float:left;margin-bottom: 10px;max-width:100%;background-size: contain;height:auto;" ')
        this.setData({
          content: data
        })
      }
    })
  },