小程序中解析返回的富文本编辑器

问题:如何将返回的对象中包含html解析到小程序页面中

解决办法:

  使用WxParse解析富文本编辑器

第一步:
 下载插件

去 https://github.com/icindy/wxParse 下载wxParse,注意:只拷贝wxParse文件夹

小程序中解析返回的富文本编辑器

第二步:文件放到项目的根目录

小程序中解析返回的富文本编辑器

第三步:在你想要解析的页面(分别为xx.js,xx.wxml,xx.wxss)中导入对应的import

小程序中解析返回的富文本编辑器

      js文件:var WxParse = require('../../wxParse/wxParse.js');
      wxml文件:<import src="../../wxParse/wxParse.wxml"/>
      wxss文件:@import "../../wxParse/wxParse.wxss";

第四步:在js文件中(获取的一个对象解析)

Page({

        data: {

             lotteryItem: {},

             content: ""

       },

   onLoad: function () {

              const that = this;

              api.getAdvertList().then(res => {

                      this.setData({

                             lotteryItem: res.data,

                             content: WxParse.wxParse('content', 'html', res.data.content, that, 5),

                    })

            })

   },

)

第五步:显示在wxml中
 

小程序中解析返回的富文本编辑器

 

    其中wxParse属性为wxParse文件带的属性,不需要你自定义
     wxParseData:content.nodes 要与js中的 content: WxParse.wxParse('content', 'html', res.data.content, that, 5),
     定义的content一样的。

以上就是对象解析富文本到小程序的具体部分,至于数组解析到小程序下次写