HTML2WXML：网页到微信小程序的转换神器

插件地址：https://github.com/kevenfeng/html-to-wxml如果前端技术比较牛，可以直接看github上面的demo。可以更好的理解用法。使用方法：1.引用插件var R_htmlToWxml = require(‘../../util/htmlToWxml.js’);//引入公共方法2.将html内容转成json数据R_htmlToWxml.html2json(“html内容”);转换后的json格式类型大概如下：3.吐到页面中显示<block wx:for="{{content}}"  wx:for-index="idy"  wx:for-item="cellData">         <block  wx:if="{{cellData.type == 'view'}}">             <view class="p">                 <block  wx:for="{{cellData.child}}" wx:key="text">                     <block  wx:if="{{item.type == 'a'}}">                         <text class="a" data-seccode="{{item.attr['data-seccode']}}" data-secname="{{item.attr['data-secname']}}" bindtap="stockClick">{{item.text}}</text>                     </block>                     <block  wx:else>                         <text>{{item.text}}</text>                     </block>                 </block>             </view>         </block>         <block wx:if="{{cellData.type == 'img'}}">             <image class="img" data-index="{{idy}}" style="height: {{cellData.attr.height?cellData.attr.height:0}}px"  mode="aspectFit" src="{{cellData.attr.src}}" bindload="imageLoad"></image>         </block>     </block>demo效果：由于小程序图片的高度没法自适应，需要给图片设置高度，所以需要在图片加载完以后，获取图片高度，等比算出显示图片高度，赋值给对应图片通常我们抓取的内容是html页面，特别是像资讯这一类的，如果在小程序里面显示文章内容，此插件提供了一种解决方案，希望对大家有用。在客户端中用native显示html页面体验上面没有native的好，htmlToWxml插件给客户端中用native的方式显示html内容提供了一种解决方案

html2wxml 将html文件转为微信小程序使用的文件 转化规则 将以下标签转化为view body,article,aside,ul,li,ol,caption,dd,dl,dt,footer,header,nav,section,table,thead,tbody,tr,td,th,h1,h2,h3,h4,h5,h6,div,p 将img转化为image 将a转化为navigator 将span,s,b,i,strong转化为text 安装使用 下载安装成功后，将需要处理的html文件拖拽到工具界面即可自动转化，并将文件文件名后缀改为wxml，生成到与当前目录同级的wxml文件夹 界面预览 下载 暂时支持mac版 mac版

将html文件转为微信小程序用的wxml文件html2wxml-master.zip

微信小程序,HTML转WXML。 usage: npm install html2wxml --save 或 引入src里面html2json.js/html2wxml.wxml/htmlparser.js/example.wxss到工程lib目录下; 在需要将html转wxml的地方按下添加代码; wxml: <!--按实际工程目录结构--> js: 'use strict'; import {html2json} from '../src/html2json';//按实际工程目录结构 Page({ data: { innerHTML: html2json('abc'/*需要转的html*/).child }, ... }); wxss: @import "../src/html2wxml.wxss";//按实际工程目录结构 TIP: 在example.wxss中，可自定义添加修改html标签对应的样式，以满足不同的需求，也欢迎提供全面的样式提交pull request。 标签列表： [