微信小程序解析html代码

在开发小程序的过程中后台给前台返回的数据,是通过富文本编辑的,这事我们就需要进行去解析HTML代码,在小程序里展示;

下载插件地址:https://github.com/yinhaonan123/-

使用方法:

1.、首先将下载的wxParse文件夹放到根目录(如下图所示);

2、在需要显示解析内容的HTML页面进行引用;

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

<view class='content'>

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

</view>

3、在JS页面页面进行引用;

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

onLoad: function (options) {

    var that = this;

   var article ="<p style='color:red'>这个是详情页</p>"

    WxParse.wxParse('article', 'html', article, that, 5);

}

从后台调取过来数据后直接放入到article中,就可以实现了;

Guess you like

Origin blog.csdn.net/qq_36229632/article/details/101776295