資訊專欄INFORMATION COLUMN
摘要：本項目由微信小程序開發論壇會員開發原文地址垂直微信小程序開發交流社區加載慢，等等微信小程序富文本解析自定義組件，支持及解析可能是第一個微信小程序富文本解析組件代碼庫地址示例版使用地址現狀版本號目前還不太適合直接使用目前項目不
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 發布
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50161.html
摘要：信息版本號歷史版本號具體代碼請查看倉庫分支地址解決問題微信小程序富文本解析組件詳述因為微信小程序沒有提供等解析，原展示類文本沒有辦法圖文并茂的原生展示，主要目的就是彌補富文本解析空缺的組件，歡迎使用反饋開發信息微信小程序開發論壇垂直微信小程 wxParse信息 版本號0.1 歷史版本號0.2 具體代碼請查看倉庫分支V1 github地址: https://github.com/ici...
摘要：信息版本號歷史版本號具體代碼請查看倉庫分支地址解決問題微信小程序富文本解析組件詳述因為微信小程序沒有提供等解析，原展示類文本沒有辦法圖文并茂的原生展示，主要目的就是彌補富文本解析空缺的組件，歡迎使用反饋開發信息微信小程序開發論壇垂直微信小程 wxParse信息 版本號0.1 歷史版本號0.2 具體代碼請查看倉庫分支V1 github地址: https://github.com/ici...
摘要：首先業務要求是圖片加載完成后再顯示，提高用戶體驗度，又因為文章內容是富文本文件，所以需要用到插件，于是在這個插件基礎上進行修改。 做個修改的記錄，防止以后忘了。首先業務要求是圖片加載完成后再顯示，提高用戶體驗度，又因為文章內容是富文本文件，所以需要用到wxParse插件，于是在這個插件基礎上進行修改。1、先修改 wxParse.wxml 文件 showImg(https://segme...
閱讀 1102·2021-10-14 09:43
閱讀 1145·2021-10-11 11:07
閱讀 3112·2021-08-18 10:23
閱讀 1485·2019-08-29 16:18
閱讀 999·2019-08-28 18:21
閱讀 1474·2019-08-26 12:12
閱讀 3760·2019-08-26 10:11
閱讀 2502·2019-08-23 18:04
