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

xiaohai 2023-02-09 15:04:38 共5151人围观 标签： 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'
    },

相同类型文章

热门标签

每日一句

    年轻的你，有足够的理由相信：你将会得到这世间最幸福的一份爱。

    ——席慕蓉

今日排行

点击排行

友情链接