问题:如何将返回的对象中包含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一样的。
以上就是对象解析富文本到小程序的具体部分,至于数组解析到小程序下次写
本文介绍了如何在微信小程序中解析返回的富文本内容。通过引入WxParse插件,经过下载、放置、导入和设置数据等步骤,实现了将HTML对象成功解析并显示在小程序页面上。
476

被折叠的 条评论
为什么被折叠?



