rkdown格式渲染为wxml文本

LaTeX数学公式默认禁用需搭建解析服务并自行构建以开启此功能

highlight代码高亮默认开启默认仅开启bash、javascript、json、python、html、css、php、scss、shell其它语言高亮支持需自行构建以开启

安装下载

https://github.com/sbfkcel/towxml.git对克隆的下的文件进行依赖安装和npm重构

npm

重构构建完成后会在当前的按照提示找到对应的文件夹然后将其拷贝到微信小程序项目中根下重命名为towxml即可。

在小程序中使用

require(./towxml/index),onLaunch()

{},

/view在具体页面的js中对需要进行markdown转换wxml的业务进行处理解析

//获取应用实例

Markdown,markdown,{base:https://xxx.com,

主题默认lightevents:{

为元素绑定的事件方法tap:(e){console.log(tap,e);}}});//

更新解析数据this.setData({article:result,isLoading:

false});}

})其实就是调用app.towxml(str,type,options)函数

const

app.towxml(想要被解析的数据,markdown,[options])}

})其中的options选项都是可选的可以一个都不加选项说明如下

app.towxml(str,type,options)有三个参数

str

可选用于指定静态相对资源的base路径。

例如https://xx.com/static/

***me

可选默认:light用于指定主题’light’或’dark’或其它自定义

events

可选用于为元素绑定事件。

key为事件名称value则必须为一个函数。

例如:{tap:e{console.log(e)}}

页面显示效果