怎么在微信小程序中利用wxParse解析html？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于網(wǎng)站設計、網(wǎng)站建設、新田網(wǎng)絡推廣、微信小程序開發(fā)、新田網(wǎng)絡營銷、新田企業(yè)策劃、新田品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供新田建站搭建服務，24小時服務熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

首先下載wxParse

下載完之后我們需要用到目錄下的wxParse文件夾，把他拷貝到我們的項目目錄下

下面是具體的使用步驟

1.在app.wxss全局樣式文件中，需要引入wxParse的樣式表

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

2.在需要加載html內(nèi)容的頁面對應的js文件里引入wxParse

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

3.通過調(diào)用WxParse.wxParse方法來設置html內(nèi)容

/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName綁定的數(shù)據(jù)名(必填)
* 2.type可以為html或者md(必填)
* 3.data為傳入的具體數(shù)據(jù)(必填)
* 4.target為Page對象,一般為this(必填)
* 5.imagePadding為當圖片自適應是左右的單一padding(默認為0,可選)
*/

Page({
 data: {
 },
 onLoad: function () {
  var that = this;
  wx.request({
    url: '', 
    method: 'POST',
    data: {
      'id':13
    },
    header: {
      'content-type': 'application/json'
    },
    success: function(res) {
      var article = res.data[0].post;
      WxParse.wxParse('article', 'html', article, that,5);
    }
  })
 }
})

4.在頁面中引用模板

這樣就可以在微信小程序中嵌入html內(nèi)容了

wxParse多數(shù)據(jù)循環(huán)使用方法

方法介紹

/**
* WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that)
* 1.temArrayName: 為你調(diào)用時的數(shù)組名稱
* 3.bindNameReg為循環(huán)的共同體 如綁定為reply1，reply2...則bindNameReg = 'reply'
* 3.total為reply的個數(shù)
*/
var that = this;
WxParse.wxParseTemArray("replyTemArray",'reply', replyArr.length, that)

使用方式

循環(huán)綁定數(shù)據(jù)

 var replyHtml0 = ` wxParse回復0:不錯，喜歡[03][04]