小程序解析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