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

时间：2024-01-03 13:06:38

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

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

一、下载wxParse文件

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

二、在要引入的页面的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, );

} //注意第一个参数需要与wxml中的一致

四、在page的wxml中引入模板

<view class="newsDt_wrap">

        <template is="wxParse" data="{{wxParseData:detail_content.nodes}}" />

        <view class="last_date">最后更新于：{{initDate.publish_time}}</view>

    </view>

相关文章