小程序解析html和富文本编辑内容【亲测有效】

首先去 https://github.com/icindy/wxParse 下载wxParse，只拷贝wxParse文件夹即可。

1、引入wxss

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

2、引入wxml

<!--富文本编辑代码解析开始-->
                <import src="../../util/wxParse/wxParse.wxml"/>
                <view class="wxParse">
                    <template is="wxParse" data="{{wxParseData:article_content.nodes}}"/>
                </view>
<!--富文本编辑代码解析结束-->

3、引入js并加载数据

/**
 * 解析富文本编辑代码
 * @type Module wxParse|Module wxParse
 */
var WxParse = require('../../util/wxParse/wxParse.js');

that.setData({
    rticle_content:WxParse.wxParse('article_content', 'html', res.data.data.content, that, 5)//解析富文本编辑代码
});

4、经后期测试发现，引入wxParse后，会导致部分安卓手机不能显示页面的数据的问题，解决方法见我另一篇文章：https://www.cnblogs.com/yuan9580/p/10243163.html