微信小程序 解析html / table 富文本内容信息

近期于项目中发现微信小程序不能直接解析html富文本内容信息
碾转多方,已寻得解决方案。话不多说,直接上货

使用wxParse

git地址:https://github.com/icindy/wxP...
把Demo里面的wxParse目录拷贝到项目里面

1 在page的JS里引入wxParse.js

var WxParse = require('../../wxParse/wxParse.js');(路径问题无须多言)

2 在page的CSS里引入wxParse.wxss

@import "../../wxParse/wxParse.wxss";

3 在page的WXML里引入wxParse.wxml

准备工作结束,进入调用阶段

4 在page.js文件中绑定数据

   /**
        * WxParse.wxParse(bindName , type, data, target,imagePadding)
        * 1.bindName绑定的数据名(必填)
        * 2.type可以为html或者md(必填)
        * 3.data为传入的具体数据(必填)
        * 4.target为Page对象,一般为this(必填)
        * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
   **/

  var richtext ="
我是HTML代码
"; WxParse.wxParse('richtext', 'html', richtext, that, 5)}

5 在page的wxml中引入模板