微信小程序中怎么利用wxParse解析html

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序中怎么利用wxParse解析html，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

站在用戶(hù)的角度思考問(wèn)題，與客戶(hù)深入溝通，找到科爾沁網(wǎng)站設(shè)計(jì)與科爾沁網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品，建站類(lèi)型包括：做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋科爾沁地區(qū)。

具體的使用步驟

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

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

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

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

3.通過(guò)調(diào)用WxParse.wxParse方法來(lái)設(shè)置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對(duì)象,一般為this(必填)
* 5.imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為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.在頁(yè)面中引用模板