wxParse
微信小程序富文本解析自定义组件，支持html及markdown解析,可能是第一个微信小程序富文本解析组件
wxParse.gif
代码库
github地址: github.com/icindy/wxParse
示例
-
cnode版wxParse使用
github地址:github.com/icindy/wechat-webapp-cnode
现状
版本号: Alpha0.1-目前还不太适合直接使用
立即学习“前端免费学习笔记（深入）”；
目前项目不属于完整版，只是大概完成了基础的构思项目，能够解析基本的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解析
wechat-miniprogram-plugin
wechat-miniprogram-plugin是基于JetBrains平台的微信小程序插件。主要功能wxml/wxss/wxs文件支持语法解析代码完成代码高亮wxml嵌入表达式支持wxml 标签支持wxml提取自定义组件创建微信小程序组件以及页面相关文件导航微信小程序自定义组件支持自动注册自定义组件组件配置解析重命名小程序自定义组件或页面同时移动自定义组件或页面的所有文件微信小程序配置文件支持
下载
功能列表
- 动态加载代码
- html转json
- markdown转html转json
- 富文本markdown解析
- 自定义层级解析
- 自定义样式表
文件作用
// wxParse.wxml //用于解析使用的模版 .css{ text-align:center; } test p
开发信息
微信小程序logo
'; var that = this //更新数据 that.setData({ wxParseData:WxParse('html',html) }) }// markdown解析
onLoad: function () {
console.log('onLoad')
var text = '# wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析 \n'
+' > 微信小程序富文本解析自定义组件，支持HTML及markdown解析 \n\n'
+'## 功能列表 \n * 动态加载代码 \n * html转json \n * markdown转html转json \n * 富文本markdown解析 \n * 自定义层级解析 \n * 自定义样式表 \n'
+'## 文件作用 \n'
+' " // wxParse.wxml //用于解析使用的模版 " \n'
+'## 开发信息 \n '
+' [微信小程序开发论坛](http://weappdev.com) \n'
+' ';
var that = this
//更新数据
that.setData({
wxParseData:WxParse('md',text)
})
}功能列表
动态加载代码
html转json
markdown转html转json
富文本markdown解析
自定义层级解析
自定义样式表
TODO
添加更多标签的解析
去重与定制样式
解决组件中的问题
第三方引用
html->json html2json
目前没有找到更好的，感觉解析还是有问题，欢迎提供更好的代替品markdown->html showdown
