html-to-wxml

html内容转成微信小程序可以展示的结构

Usage no npm install needed!

<script type="module">
  import htmlToWxml from 'https://cdn.skypack.dev/html-to-wxml';
</script>

README

images:所有图片 pages:所有页面 templates:所有模板文件 util:所有公共js文件

使用方法： 1.引用插件 var R_htmlToWxml = require('../../util/htmlToWxml.js');//引入公共方法 2.将html内容转成json数据 R_htmlToWxml.html2json("html内容"); 转换后的json格式类型大概如下：

3.吐到页面中显示 {{item.text}} {{item.text}} 通过判断不同节点类型，显示不同的小程序结构

由于小程序图片的高度没法自适应，需要给图片设置高度，所以需要在图片加载完以后，获取图片高度，等比算出显示图片高度，赋值给对应图片