上篇讲了使用 python
的 flask
框架做一个小程序的 api
。
我们还需要把 html
标签转化为微信小程序的 wxml
标签。
方法
有两种方法实现文本的转换。
wxParse
towxml
开始操作
wxParse
- 下载
wxParse
插件
wxParse
地址: wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析
下载之后复制wxParse
文件夹及其下内容到自己的目录下。 - 引入所需文件
在文章展示界面下(我的是more
)more.js
中引入wxParse.js
在var WxParse = require('../../wxParse/wxParse.js');
more.wxss
中引入样式wxParse.wxss
在@import '/wxParse/wxParse.wxss';
more.wxml
下引入wxParse.wxml
<import src="../../wxParse/wxParse.wxml"/>
- 转化与渲染
在more.js
中进行数据绑定:
在WxParse.wxParse(bindName, type, data, target, imagePadding); /** 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */ //例如: WxParse.wxParse('wxshow', html, parse, this, 10);
more.wxml
中进行数据渲染:<import src="../../wxParse/wxParse.wxml"/> <