小程序中解析返回的富文本编辑器
问题:如何将返回的对象中包含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一样的。
以上就是对象解析富文本到小程序的具体部分,至于数组解析到小程序下次写