-
从github上拉wxParse项目代码
https://github.com/icindy/wxParse -
将wxParse文件夹拷到自己的项目中
(这里如果不需要emojis文件夹可以删掉,占内存)
-
接下来就是重点啦~请摆好姿势!
-
wxss中
-
wxml中
-
js中
-
规则解释
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填) // 引用的时候的名字,如article
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填) // 你需要解析的数据,如this.data.article
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
-
我自己遇到的问题:
刚开始一直没明白bindName对应的是什么,导致一直无法在页面里渲染出数据,注意wxml里的article与js中的第一个参数‘article’是同一个 -
自定义修改样式
直接在css中通过类名修改就好啦~ -
补充:
现在微信小程序文档已经出了一个专门用来解析html的标签
但是美中不足的是样式不好改,类名需要自己加 -
另一种解决方案
开发一个H5页面,部署后台,后台接口返回URL,你用webview渲染