微信小程序中使用富文本插件wxParse

github下载地址：https://github.com/icindy/wxParse

1. 下载完成后,复制文件夹wxParse到项目目录中(例如放在utils目录中).
2. 在需要使用的JS文件中引入wxParse.js文件。

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

3. 在CSS文件中引入样式文件.

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

4. 在HTML中引入对应的模板文件.

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

5. 数据绑定.

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

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

var article = '<div>我是HTML代码</div>';
var that = this;
WxParse.wxParse('article', 'html', article, that, 5);