首页 > 编程 > HTML > 正文

微信小程序富文本支持HTML及markdown解析wxParse Alpha0.1

2020-03-24 16:04:47
字体:
来源:转载
供稿:网友
wxParse

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  + ![微信小程序logo](http://img.VeVb.com/upload/article/000/001/505/115945f096a6bba61f58be0b164de67b-1.png)  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的详细内容,其它编程语言

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表