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

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

相同类型文章

热门标签

每日一句

    以其至小，求穷其至大之域，是故迷乱而不能自得也。

    ——庄子

今日排行

  • VSCode插件 - 快速生成表格并格式化

    快速生成表格

  • 嗨！Tauri

    Tauri 是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建他们的用户界面。应用程序的后端是一个基于 Rust 的二进制文件，带有一个前端可以与之交互的 API。 Tauri 应用程序的用户界面目前在 macOS 和 Windows 上利用 tao 作为窗口处理库，在 Linux 上通过 Tauri 团队孵化和维护的 WRY 利用 WebKit、Windows 上的 WebView2 和 Linux 上的 WebKitGTK 创建一个统一的系统 webview（和其他好东西，如菜单和任务栏）接口。

  • pip国内镜像源

    默认情况下 pip 使用的是国外的镜像，在下载的时候速度非常慢，本文我们介绍使用国内源对pip进行加速。

  • Flutter：垂直布局组件：Column

    垂直布局组件Column也是一种非常常用的组件，跟水平布局组件的使用方式一致。

  • supervisord管理python进程，print内容不能输出到指定的日志文件

    用supervisord管理python进程，python程序中的print内容不能输出到指定的日志文件

点击排行

友情链接