微信小程序 解析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

<import src="../../wxParse/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 ="<div>我是HTML代码</div>";
  WxParse.wxParse('richtext', 'html', richtext, that, 5)} 

5 在page的wxml中引入模板

 <template is="wxParse" data="{{wxParseData:richtext.nodes}}" />