微信小程序支持Markdown的解析库Towxml和搭建公式流程图渲染服务

xiaohai 2023-02-09 15:04:38 2425人围观 标签: Markdown 
简介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
  • 支持事件绑定(这样允许自行扩展功能哟,例如:点击页面中的某个元素,更新当前页面内容等…)
  • 极致的中文排版优化
  • 支持前后解析数据
  • 截图

图片alt

在小程序使用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'
    },