微信小程序支持Markdown的解析库Towxml和搭建公式流程图渲染服务
简介Towxml 是一个让小程序(微信/QQ)可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。
一、Towxml的介绍和使用
项目地址:Towxml
Towxml
Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。
特色
Towxml 3.0 完整支持以下功能。当然在构建时可仅保留需要功能以减少体积大小和代码依赖。
- 支持echarts图表(3.0+)✨
- 支持LaTex数学公式(3.0+)✨
- 支持yuml流程图(3.0+)✨
- 支持按需构建(3.0+)✨
- 支持代码语法高亮、代码块行号显示
- 支持emoji表情😉
- 支持上标、下标、下划线、删除线、表格、视频、图片(几乎绝大部分html元素)……
- 支持typographer字符替换
- 支持多主题切换
- 支持Markdown TodoList
- 支持事件绑定(这样允许自行扩展功能哟,例如:点击页面中的某个元素,更新当前页面内容等…)
- 极致的中文排版优化
- 支持前后解析数据
- 截图
在小程序使用Towxml的方法参考之前博客:uni-app使用markdown组件
二、部署Towxml中公式和流程图渲染服务
项目地址:Markdown-server
Markdown-server 提供了Markdown的数学公式 Lexte,以及流程图yUML服务端渲染支持。
部署步骤:
1、clone 本项目
git clone https://github.com/sbfkcel/markdown-server
2、安装依赖
npm install 或 yarn
3、启动服务
node index.js
4、修改端口号
编辑 index.js 最后一行的端口号即可。
5、修改Towxml编译后目录中config配置文件
// 数学公式解析API
latex:{
api:'http://towxml.xxx.com/?tex'
},
// yuml图解析APPI
yuml:{
api:'http://towxml.xxx.com/?yuml'
},