摘要：本项目由微信小程序开发论坛会员开发原文地址垂直微信小程序开发交流社区加载慢，等等微信小程序富文本解析自定义组件，支持及解析可能是第一个微信小程序富文本解析组件代码库地址示例版使用地址现状版本号目前还不太适合直接使用目前项目不
wxParse(gif加载慢，等等...)本项目由微信小程序开发论坛-WeAppDev http://weappdev.com/ 会员开发
原文地址: http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
垂直微信小程序开发交流社区
代码库微信小程序富文本解析自定义组件，支持HTML及markdown解析,可能是第一个微信小程序富文本解析组件
示例github地址: https://github.com/icindy/wxParse
cnode版wxParse使用
现状github地址:https://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解析
功能列表
- 动态加载代码
- html转json
- markdown转html转json
- 富文本markdown解析
- 自定义层级解析
- 自定义样式表
文件作用
// wxParse.wxml //用于解析使用的模版 .css{ text-align:center; } test div
开发信息
微信小程序logo ";
var that = this
//更新数据
that.setData({
wxParseData:WxParse("html",html)
})
}
// markdown解析
onLoad: function () {
console.log("onLoad")
var text = "# wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析
"
+" > 微信小程序富文本解析自定义组件，支持HTML及markdown解析
"
+"## 功能列表
* 动态加载代码
* html转json
* markdown转html转json
* 富文本markdown解析
* 自定义层级解析
* 自定义样式表
"
+"## 文件作用
"
+" ``` // wxParse.wxml //用于解析使用的模版 ```
"
+"## 开发信息
"
+" [微信小程序开发论坛](http://weappdev.com)
"
+" ";
var that = this
//更新数据
that.setData({
wxParseData:WxParse("md",text)
})
}
功能列表
动态加载代码
html转json
markdown转html转json
富文本markdown解析
自定义层级解析
自定义样式表
TODO
添加更多标签的解析
去重与定制样式
解决组件中的问题
第三方引用
html->json html2json
目前没有找到更好的，感觉解析还是有问题，欢迎提供更好的代替品
markdown->html showdown
开发信息
微信小程序开发论坛
垂直微信小程序开发交流社区
2016.10.24 Alpha0.1 发布
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/50161.html
相关文章
-
wxParse version0.2-更好的微信小程序富文本HTML及Markdown解析
摘要：信息版本号历史版本号具体代码请查看仓库分支地址解决问题微信小程序富文本解析组件详述因为微信小程序没有提供等解析，原展示类文本没有办法图文并茂的原生展示，主要目的就是弥补富文本解析空缺的组件，欢迎使用反馈开发信息微信小程序开发论坛垂直微信小程
wxParse信息
版本号0.1
历史版本号0.2 具体代码请查看仓库分支V1
github地址: https://github.com/ici...
-
wxParse version0.2-更好的微信小程序富文本HTML及Markdown解析
摘要：信息版本号历史版本号具体代码请查看仓库分支地址解决问题微信小程序富文本解析组件详述因为微信小程序没有提供等解析，原展示类文本没有办法图文并茂的原生展示，主要目的就是弥补富文本解析空缺的组件，欢迎使用反馈开发信息微信小程序开发论坛垂直微信小程
wxParse信息
版本号0.1
历史版本号0.2 具体代码请查看仓库分支V1
github地址: https://github.com/ici...
-
微信小程序，图片加载完毕后显示，基于富文本解析插件wxParse
摘要：首先业务要求是图片加载完成后再显示，提高用户体验度，又因为文章内容是富文本文件，所以需要用到插件，于是在这个插件基础上进行修改。
做个修改的记录，防止以后忘了。首先业务要求是图片加载完成后再显示，提高用户体验度，又因为文章内容是富文本文件，所以需要用到wxParse插件，于是在这个插件基础上进行修改。1、先修改 wxParse.wxml 文件
showImg(https://segme...
-
发表评论
0条评论
daydream
男|高级讲师
TA的文章
阅读更多
程序员的算法趣题Q54: 偷懒的算盘(2)
阅读 1185·2021-10-14 09:43
#便宜#无忧云：2核/2G/50G硬盘/3Mbps不限流量/洛阳BGP线路/首月9.9元，限量200
阅读 1291·2021-10-11 11:07
野草云：新增香港云服务器CN2+BGP宽带 1GB内存 3M 带宽 月费 19元起
阅读 3189·2021-08-18 10:23
CSS多列布局（栅格布局）
阅读 1653·2019-08-29 16:18
利用HTML和CSS实现常见的布局
阅读 1075·2019-08-28 18:21
js执行机制
阅读 1606·2019-08-26 12:12
如何实现一个这样的级联组件
阅读 3904·2019-08-26 10:11
Node中间层服务编写框架中的思考
阅读 2583·2019-08-23 18:04
最新活动
阅读需要支付1元查看
<
