小程序富文本转换
富文本编辑器可以不引用wxss,可以省略
1.index.js
var WxParse = require('../../utils/wxParse/wxParse.js');
//请求接口 获取到对应的字段var parma = {
id: that.data.id } wx.request({ url: app.globalData.url + "******", data: parma, header: { 'content-type': 'application/x-www-form-urlencoded' // 默认值 }, method: 'POST', success: function (res) { console.log(res) // console.log(res.data.data.effect_pic) console.log(res.data.data.info) if (res.data.code == 1) { that.setData({ info: res.data.data.info,//店铺详情 })
// 富文本转换 放在that.setData下面 防止页面还没加载完
var article = res.data.data.info;
WxParse.wxParse('article', 'html', article, that, 5);
或者
WxParse.wxParse('article', 'html',res.data.data.info, that, 5);
} }, })
2.index.wxss 此处可以省略
@import "/utils/wxParse/wxParse.wxss";
3.index.wxml
<import src="/utils/wxParse/wxParse.wxml" />
<view class='box'> <template style='width:100%;' is="wxParse" data="{{wxParseData:article.nodes}}" /> </view>