微信小程序解析富文本的方法

1.可以使用wxParse插件解析html

2.下载后复制到自己的小程序项目中

3.设置全局样式

&＃64;import "./wxParse/wxParse.wxss";


4.在需要调用插件的页面中引入js

import { shopModel, couponModel } from &＃39;../../apis/index.js&＃39;;
var WxParse &＃61; require(&＃39;../../wxParse/wxParse.js&＃39;);onLoad(options) {let { uid, scene } &＃61; options;let that &＃61; this; uid &＃61; uid || &＃39;&＃39;;this.setData({uid,}); shopModel.getDetail({ uid }).then((d) &＃61;> {let detail &＃61; d.data;that.setData({detail}) let space &＃61; wx.getSystemInfoSync().windowWidth / 750 * 30;/*** WxParse.wxParse(bindName , type, data, target,imagePadding)* 1.bindName绑定的数据名(必填)* 2.type可以为html或者md(必填)* 3.data为传入的具体数据(必填)* 4.target为Page对象,一般为this(必填)* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)* */ if (detail.about) {WxParse.wxParse(&＃39;about&＃39;, &＃39;html&＃39;, detail.about, that, space);} })},


5.wxml