mermzen

Product images

About

MermZen 是一个干净、轻量的 Mermaid 图表编辑器，名字取自 Mermaid + Zen（禅），追求极简无干扰的编辑体验。 Mermaid 官方编辑器（Mermaid Live Editor）功能越来越臃肿，充斥着 AI 推销、会员提示和冗余面板。MermZen 的目标是回归本质 —— 左边写语法，右边看图，干净利落。 主要特性 手绘风格模式：支持中英文手写字体，让图表看起来像手绘的白板风格 语法高亮 + 自动补全：基于 CodeMirror 6，支持 Mermaid 语法高亮、自动补全和行内错误提示 实时预览：300ms 防抖渲染，支持流程图、时序图、类图、甘特图、思维导图等 11 种图表类型 一键导出：SVG / PNG（2× 高清）、复制到剪贴板 URL 分享：图表内容编码在 URL 中，无需后端，无需账号，链接永不过期 可嵌入：提供 embed.html，可作为 iframe 嵌入到任何页面 5 种主题 + 明暗切换：支持 Mermaid 官方 5 种主题，以及编辑器明/暗模式 快捷键 + 命令面板：Ctrl+K 唤出命令面板，快速操作 技术栈 Vite 7 + TypeScript + Mermaid 11 + CodeMirror 6，所有依赖本地打包，无 CDN 依赖。 一句话总结 如果你受够了 Mermaid Live Editor 的臃肿，想要一个纯粹、好看、开箱即用的 Mermaid 编辑器，试试 MermZen。

Discovery history

1. 阮一峰周刊·用户投稿

   Apr 10, 2026 · 1 observations