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

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

相同类型文章

热门标签

每日一句

    女人可以令你的生活幸福如天堂，也可以令你的生活艰苦如地狱。

    ——古龙

今日排行

  • VirtualBox网络配置之Bridged Adapter（网桥模式）

    为了能让虚拟机能连接网络，并且能与宿主机能相互进行访问，所以需要多虚拟机几种网络模式进行学习，以便后期能快速的进行配置。

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • 音乐推荐《是妈妈是女儿》

    《是妈妈是女儿》聚焦母女间未曾言明的爱意，以书信对话的形式呈现出各自的内心独白，表达彼此的牵挂。黄绮珊与希林娜依·高用跨越时空、打开心扉、深情对唱的形式，将天下母女爱的寄语化作心灵的倾诉。黄绮珊的每一句话，每一个字都演绎出了妈妈对女儿的爱，而希林依娜·高把女儿对妈妈的爱由不理解到理解再到感恩演绎得淋漓尽致。

  • OpenCV-Python图像类型转换

    OpenCV-Python图像类型转换是用cv2.cvtcolor()函数，用于将图像从一个颜色空间转换为另一个颜色空间。它的参数包括输入图像、目标颜色空间和转换方式。例如，将RGB图像转换为灰度图像可以使用cv2.COLOR_RGB2GRAY作为转换方式。

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

    Towxml 是一个让小程序（微信/QQ）可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。

点击排行

友情链接