微信小程序---将html代码转化为wxxml代码

本人php新手，自己学习小程序开发，想做一个新闻类的小程序，但是html跟wxml的代码又有所不同，所以查了一下资料，有些还是写的不全的，所以我总结了一下；

到https://github.com/icindy/wxParse下载，将wxParse文件夹放置到小程序根目录，即跟pages同级目录

然后在要转化的代码文件，我这里是details.js（即是文章详情的逻辑层）引入wxParse文件

/*details.js*/
var WxParse = require('../../wxParse/wxParse.js');
WxParse.wxParse('content', 'html', content, that, 5);

这里wxParse方法会生成一个template模块，可以在wxml直接引用

/*details.wxml*/
<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

同时details.wxss也需要引入wxParse.wxss

/*details.wxss*/
@import "/wxParse/wxParse.wxss";

这样就能看到我们想要的效果了

下篇文章我们聊一下微信小程序上拉分页的功能。