小程序之富文本解析遇坑

当小程序遇到富文本时,是不能直接解析的。想要解析富文本必须用插件工具。我以我跳坑的经验,给大家讲述下如何在小程序中实现富文本解析。
首先要在根目录引入wxParse插件
小程序之富文本解析遇坑_第1张图片
其次要在需要用到的js中引入wxParse.js,然后按照wxparse.js的规则去把对应的数据填充。
小程序之富文本解析遇坑_第2张图片
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

 WxParse.wxParse('information', 'html', res.data.data.information, that, 5)

在需要解析的XHTML页面引入wxParse.html
小程序之富文本解析遇坑_第3张图片

  • 然后在需要解析的地方写入

    小程序之富文本解析遇坑_第4张图片

其中contact、information 是你在js中定义的变量名

详细内容可以去Github上拉我的源码
https://github.com/Xglhngy/xiaozhao.git

你可能感兴趣的:(小程序)