微信小程序富文本解析自定义组件,支持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('你的路径/wxParse/wxParse.js');
设置对应data值数组wxParseData
(必须使用wxParseData),并设置
// html解析onLoad: function () { console.log('onLoad') var html = 'wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析
微信小程序富文本解析自定义组件,支持HTML及markdown解析
功能列表
// wxParse.wxml //用于解析使用的模版 .css{ text-align:center; } test p
) n' +' ![微信小程序logo](http://img.php.cn/upload/article/000/001/505/115945f096a6bba61f58be0b164de67b-1.png)'; var that = this //更新数据 that.setData({ wxParseData:WxParse('md',text) }) }
动态加载代码
html转json
markdown转html转json
富文本markdown解析
自定义层级解析
自定义样式表
添加更多标签的解析
去重与定制样式
解决组件中的问题
html->json html2json
目前没有找到更好的,感觉解析还是有问题,欢迎提供更好的代替品
markdown->html showdown
以上就是微信小程序富文本支持HTML及markdown解析wxParse Alpha0.1的详细内容,更多请关注 第一PHP社区 其它相关文章!