作者：麦芽糖的-寂寞 | 来源：互联网 | 2017-05-11 02:01
wxParse
微信小程序富文本解析自定义组件，支持HTML及markdown解析,可能是第一个微信小程序富文本解析组件
希望大家能够发现问题，提交问题，也可以foke提交您的修改代码
项目目前在只是测试版，需要进一步完善
需要完善样式wxParse,wxss
需要加强markdown解析html
其他
组成
-wxParse
--wxParse.js(工具类入口输出口)
--wxParse.wxml(模版文件)
--wxParse.wxss(定义css)
使用方法
复制整个文件夹wxParse/到根目录
把样式文件wxParse.wxss引入到您调用本插件的作用域喜爱
@import "你的路径/wxParse/wxParse.wxss";
在需要使用的模版的x.wxml中引入模版文件wxParse.wxml
在对应的js中引入wxParse.js文件
var WxParse = require(&＃39;你的路径/wxParse/wxParse.js&＃39;);
设置对应data值数组wxParseData(必须使用wxParseData),并设置
// html解析
onLoad: function () {
console.log(&＃39;onLoad&＃39;)
var html = &＃39;wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析
微信小程序富文本解析自定义组件，支持HTML及markdown解析
功能列表
- 动态加载代码
- html转json
- markdown转html转json
- 富文本markdown解析
- 自定义层级解析
- 自定义样式表
文件作用
.css{ text-align:center; } test p
开发信息
微信小程序开发论坛
微信小程序logo
&＃39;;
var that = this
//更新数据
that.setData({
wxParseData:WxParse(&＃39;html&＃39;,html)
})
}
// markdown解析
onLoad: function () {
console.log(&＃39;onLoad&＃39;)
var text = &＃39;# wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析 \n&＃39;
+&＃39; > 微信小程序富文本解析自定义组件，支持HTML及markdown解析 \n\n&＃39;
+&＃39;## 功能列表 \n * 动态加载代码 \n * html转json \n * markdown转html转json \n * 富文本markdown解析 \n * 自定义层级解析 \n * 自定义样式表 \n&＃39;
+&＃39;## 文件作用 \n&＃39;
+&＃39; " // wxParse.wxml //用于解析使用的模版 " \n&＃39;
+&＃39;## 开发信息 \n &＃39;
+&＃39; [微信小程序开发论坛](http://weappdev.com) \n&＃39;
+&＃39; &＃39;;
var that = this
//更新数据
that.setData({
wxParseData:WxParse(&＃39;md&＃39;,text)
})
}功能列表
动态加载代码
html转json
markdown转html转json
富文本markdown解析
自定义层级解析
自定义样式表
TODO
第三方引用
以上就是微信小程序富文本支持HTML及markdown解析wxParse Alpha0.1的详细内容，更多请关注 第一PHP社区 其它相关文章！
京公网安备 11010802041100号