微信小程序-富文本解析插件wxParse基础使用及问题解决

一、插件准备

　　在github上可以直接下载该插件：https://github.com/icindy/wxParse

二、基本使用

1.将插件导入项目：

　　将wxParse文件夹放在项目目录下，如图：

　　

其中：

　　- wxParse/
　　　　-wxParse.js(必须存在)
　　　　-html2json.js(必须存在)
　　　　-htmlparser.js(必须存在)
　　　　-showdown.js(必须存在)
　　　　-wxDiscode.js(必须存在)
　　　　-wxParse.wxml(必须存在)
　　　　-wxParse.wxss(必须存在)
　　　　-emojis(可选)

2.js文件：

引入wxParse：

var WxParse = require('../../lib/wxParse/wxParse.js');

wxParse使用：

util.request(api.TopicDetail, { id: that.data.id}).then(function (res) {
   if (res.errno === 0) {
     WxParse.wxParse('topicDetail', 'html', res.data.content, that);
   }
});

其中，util.requset是我自己封装的微信请求方法。

3.wxss引入：

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

4.wxm引入：

<import src="../../lib/wxParse/wxParse.wxml"/>