解析html语言的软件,小程序解析html标签 div-Go语言中文社区

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

微信小程序的标签和原来我们习惯用的标签是不一样的,例如视图容器标签小程序是view,然而html就很多比如常用的div就和小程序的view类似。

现在从服务端传输过来的信息是

...
格式的,需要解析成小程序识别的格式

我们就需要用到第三方插件wxPrase,这个是GitHub上共享的

github地址:https://github.com/icindy/wxParse   直接下载wxPrase文件夹。

2ddb7a5e8bbc6d76f1b49a1a7d5974a1.png

其他不用,但可以参考他们的,只需要wxPrase文件夹里面的copy到自己的工程根目录下

第一步:导入

@import "/wxParse/wxParse.wxss";

bba5e56c4df5f6528262bee7201204e0.png

第二步:在需要解析的界面导入

在相应界面的js里面加入(放在最上面)

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

在请求数据处加

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绑定的数据名(必填)

* 2.type可以为html或者md(必填)

* 3.data为传入的具体数据(必填)

* 4.target为Page对象,一般为this(必填)

* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

*/

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

console.log(res.data)

console.log(article)

}

})

}

第三步:在wxml中导入

78be8be2a2a8dc5d15aa541e9d57132b.png

wxParseData:article相当于一个对象,nodes才是真正的值res.data.body,所以nodes必加。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值