html编辑器给小程序返回,小程序中解析返回的富文本编辑器
问题:如何将返回的对象中包含html解析到小程序页面中解决办法:使用WxParse解析富文本编辑器第一步:下载插件去https://github.com/icindy/wxParse下载wxParse,注意:只拷贝wxParse文件夹。 第二步:文件放到项目的根目录 第三步:在你想要解析的页面(分别为xx.js,xx.wxml,xx.wxss)中导入对应的import js文件:var WxP..
问题:如何将返回的对象中包含html解析到小程序页面中
解决办法:
使用WxParse解析富文本编辑器
第一步:
下载插件
去 https://github.com/icindy/wxParse 下载wxParse,注意:只拷贝wxParse文件夹。
第二步:文件放到项目的根目录
第三步:在你想要解析的页面(分别为xx.js,xx.wxml,xx.wxss)中导入对应的import
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中
其中wxParse属性为wxParse文件带的属性,不需要你自定义
wxParseData:content.nodes 要与js中的 content: WxParse.wxParse('content', 'html', res.data.content, that, 5),
定义的content一样的。
以上就是对象解析富文本到小程序的具体部分,至于数组解析到小程序下次写
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)