微信小程序中显示html富文本的方法

微信小程序中显示html富文本的方法

使用方法：
git地址：https://github.com/icindy/wxParse

一、下载wxParse文件

 

 

二、在要引入的页面的js文件中，引入文件

js文件中

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

css文件中

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

页面中

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

三、数据绑定

在page.js文件中绑定数据
如：

onLoad: function (options) {
var that = this;
var detail_content ="<div>我是HTML代码</div>";
WxParse.wxParse('detail_content', 'html', detail_content, that, 5);
} //注意第一个参数需要与wxml中的一致

四、在page的wxml中引入模板

<view class="newsDt_wrap">
        <template is="wxParse" data="{{wxParseData:detail_content.nodes}}" />
        <view class="last_date">最后更新于：{{initDate.publish_time}}</view>
    </view>