html' target='_blank'>微信小程序富文本解析自定義組件,支持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
import src= 你的路徑/wxParse/wxParse.wxml / view >在對應的js中引入wxParse.js文件
var WxParse = require( 你的路徑/wxParse/wxParse.js設置對應data值數組wxParseData(必須使用wxParseData),并設置
// html解析onLoad: function () { console.log( onLoad ) var html = p >// 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
以上就是微信小程序富文本支持HTML及markdown解析wxParse Alpha0.1的詳細內容,其它編程語言
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答