微信小程序-富文本解析（wxParse插件的使用）

1. 首先我们根据官方网站说明，下载内容后，复制文件夹wxParse到项目目录中（这里放在utils目录中），如下所示。

(github.com/icindy/wxPa…)

2. 然后在使用的JS文件中引入文件。

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

3.接着在视图中引入样式文件，如下所示

//在使用的Wxss中引入WxParse.css,（可以在app.wxss）
@import "/wxParse/wxParse.wxss";

4.接着在视图文件中需要引入对应的模板文件，如下所示

// 引入模板
<import src="你的路径/wxParse/wxParse.wxml"/>
//这里data中article为bindName
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

5.js逻辑处理后端返回的富文本

` /**

• WxParse.wxParse(bindName , type, data, target,imagePadding)

• 1.bindName绑定的数据名(必填)

• 2.type可以为html或者md(必填)

• 3.data为传入的具体数据(必填)

• 4.target为Page对象,一般为this(必填)

• 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */`