【微信小程序开发】 wxParse组件

简单介绍:

wxParse是一个templet组件,Html代码转化成小程序的标签,目的是解决需要兼容手机端、小程序端的HTML内容。

 

文件有:

html2json.js  
htmlparse.js    
showdown.js
wxDiscode.js    
wxParse.js     //主入口的js,和处理各种标签的事件,如图片的onload
wxParse.wxml    //不同标签template组件,内容会循环成HTML的DOM对象,每个都转化成template,显示出来
wxParse.wxss   //样式

 

使用方法:
js页

//引用

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

//将需要转化的内容加上
var that=this;
WxParse.wxParse(‘Content1‘, ‘html‘, 内容, that, 0);

 

wxml页

<template is="wxParse" data="{{wxParseData:Content1.nodes}}"/>

 

wxss页

@import "/wxParse/wxParse.wxss";

 

下载文件:

https://github.com/icindy/wxParse

 

如何给图片设置真实的宽高?
wxParse.wxml 在图片tempate里执行bindonload事件,在wxParse.js方法里,获取它的真实宽高,给它的style赋值宽高
当宽度大于屏幕宽度时,使用屏幕宽度,高度改为:宽度  / 屏幕宽度 * 真实高度

最后,that.setData(bindData)给了template

 

【微信小程序开发】 wxParse组件

上一篇:java 微信开发的工具类WeChatUtils


下一篇:8-微信小程序 事件