微信小程序解析html



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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM