1. 程式人生 > >微信小程序解析html

微信小程序解析html

tex ima padding add 加載 abi tps 項目目錄 databind


1.下載wxParse:https://github.com/icindy/wxParse並拷貝到項目目錄下與pages同級即可
2.在app.wxss全局樣式頭部引入wxParse.wxss
2.在需要解析html的js頭部引入wxParse.js並加載數據,如:
var WxParse = require(‘../../../wxParse/wxParse.js‘);
Page({
onLoad: function (options) {
that.setData({
content: WxParse.wxParse(‘databinding‘, ‘html‘,‘要解析的HTML‘, this, 5),
//參數介紹:WxParse.wxParse(綁定的數據名(必填) ,html或者md(必填), 要解析的數據(必填),Page對象,一般為this(必填),imagePadding為當圖片自適應是左右的單一padding(默認為0,可選))
});
}
})
3.在相應wxml顯示:
<view class="view1-text">
<template is="wxParse" data="{{wxParseData:databinding

.nodes}}"/> //必須和js綁定數據名一致
</view>

以上為微信小程序解析html

微信小程序解析html