由于微信小程序要與微信小程序同步信息。

微信小程序的標(biāo)簽和原來我們習(xí)慣用的標(biāo)簽是不一樣的，例如視圖容器標(biāo)簽小程序是view，然而html就很多比如常用的div就和小程序的view類似。

現(xiàn)在從服務(wù)端傳輸過來的信息是

...格式的，需要解析成小程序識別的格式

我們就需要用到第三方插件wxPrase，這個是GitHub上共享的

github地址：https://github.com/icindy/wxParse ? 直接下載wxPrase文件夾。

其他不用，但可以參考他們的，只需要wxPrase文件夾里面的copy到自己的工程根目錄下

第一步：導(dǎo)入

@import "/wxParse/wxParse.wxss";

第二步：在需要解析的界面導(dǎo)入

在相應(yīng)界面的js里面加入(放在最上面)

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

在請求數(shù)據(jù)處加

onLoad: function (options) {

var that = this

wx.request({

url: 'https://**********' + options.id,

headers: {

'Content-Type': 'application/json'

},

success: function (res) {

that.setData({

art: res.data

})

var article = res.data.body;

/**

* 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為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為0,可選)

*/

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

console.log(res.data)

console.log(article)

}

})

}

第三步：在wxml中導(dǎo)入

wxParseData:article相當(dāng)于一個對象，nodes才是真正的值res.data.body，所以nodes必加。

總結(jié)

以上是生活随笔為你收集整理的解析html语言的软件,小程序解析html标签 div-Go语言中文社区的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。