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

解决办法:

使用WxParse解析富文本编辑器

第一步:

下载插件

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

989fdb60725628a2b6acbecff27f3f14.png

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

db4c18717511baed29022425b3f8df16.png

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

b7dcaf2b3f2a3738674653e5214f95eb.png

js文件:var WxParse = require('../../wxParse/wxParse.js');

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中

f19e09f5d3d73361fcea7289b6aa1f12.png

其中wxParse属性为wxParse文件带的属性,不需要你自定义

wxParseData:content.nodes 要与js中的 content: WxParse.wxParse('content', 'html', res.data.content, that, 5),

定义的content一样的。

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

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐