微信小程序解析html富文本插件wxParse

最近在开发微信小程序，因为一些文章的详情页面是富文本，但是小程序不支持html标签，所解析的时候需要将html标签转换为小程序可支持标签，在小程序社区里面发现一个插件应该是目前来说比较好用的插件，不多说了  直接上地址。

官方有教程，github地址：https://github.com/icindy/wxParse

在这里提下使用教程

一、首先将插件文件夹复制到项目里面

二、导入文件

首先在xx.wxml导入文件，在文件头写上：

 

然后再wxss导入文件，在文件头写上：

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

三、在页面xx.js里的onLoad()方法里面写上：

WxParse.wxParse('content', 'html', content, that,5)

此方法的含义为：

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

四、模板引用：

//这里data中article为bindName