Markdown编辑

在线 Markdown 编辑器,基于 Cherry Markdown,支持实时预览、代码高亮、数学公式、流程图、ECharts 图表、拼音搜索,内容自动保存,适合撰写技术文档、README、博客文章。

自动保存

功能特性

实时预览

编辑与预览左右分屏同步渲染,所见即所得,撰写技术文档与博客文章效率倍增。

代码高亮

内置语法高亮引擎,支持 JavaScript、Python、Go、Java、SQL 等数十种编程语言代码块。

数学公式(KaTeX)

集成 KaTeX 渲染引擎,支持行内公式与块级公式,轻松撰写学术论文与算法推导。

图表支持(ECharts/流程图)

通过 ECharts 插件渲染交互式数据图表,支持 Mermaid 流程图、时序图、甘特图等。

拼音搜索

工具栏命令支持拼音首字母搜索,输入 "bt" 即可快速插入标题,提升编辑效率。

自动保存

每 10 秒自动将内容保存到浏览器本地存储,刷新或关闭页面后重新打开仍可恢复。

使用说明

基础语法

  • 使用 ####### 创建一到六级标题。
  • 使用 **粗体***斜体*~~删除线~~ 进行文本样式修饰。
  • 使用 -* 创建无序列表,使用 1. 创建有序列表。
  • 使用 > 创建引用块,使用 --- 创建分隔线。

代码块

  • 使用三个反引号 ``` 包裹多行代码,并在第一行指定语言以启用语法高亮。
  • 行内代码使用单个反引号包裹,如 `code`
  • 支持的语言包括 javascript、python、java、go、sql、json、html、css 等。

数学公式

  • 行内公式使用 $...$ 包裹,例如 $E=mc^2$
  • 块级公式使用 $$...$$ 包裹,单独成行居中显示。
  • 基于 KaTeX 渲染,支持分数、上下标、求和、积分、矩阵等 LaTeX 语法。

图表

  • ECharts 图表:在代码块语言处填写 echarts,代码块内为 ECharts option JSON。
  • 流程图:使用 ```mermaid 代码块,支持 flowchart、sequence、gantt 等图表类型。
  • 图表支持交互(鼠标悬停、缩放),适合数据可视化与流程展示。

自动保存

  • 编辑器每 10 秒自动将当前内容保存到浏览器 localStorage,键名为 markdown-editor-content
  • 下次打开页面时自动恢复上次保存的内容,状态栏会显示「已保存」与保存时间。
  • 如需清除保存内容,可在浏览器开发者工具中删除对应的 localStorage 条目。

常见问题

支持哪些扩展语法?
基于 Cherry Markdown,除标准 Markdown 语法外,还支持脚注、任务列表(Checkbox)、表格扩展、Emoji 表情、目录(TOC)、流程图、时序图、甘特图、ECharts 图表、数学公式、拼音搜索等扩展能力,覆盖技术文档撰写的常见需求。
是否支持数学公式?
支持。编辑器集成了 KaTeX 渲染引擎,行内公式使用 $...$,块级公式使用 $$...$$,支持分数、上下标、求和、积分、矩阵、希腊字母等 LaTeX 语法,渲染速度快且清晰,适合撰写含数学公式的学术与技术内容。
图表如何使用?
数据图表使用 ECharts 插件渲染:在代码块语言标记处填写 echarts,代码块内容为合法的 ECharts option JSON 对象,即可渲染为可交互的柱状图、折线图、饼图等。流程图则使用 ```mermaid 代码块,遵循 Mermaid 语法编写。
数据是否上传服务器?
不会。Markdown 编辑器纯前端运行,所有编辑、预览、自动保存均在浏览器本地完成,内容仅存储在浏览器的 localStorage 中,不会上传到任何服务器,充分保护您的文档隐私与数据安全。
是否免费?
完全免费,无需注册登录,打开页面即可使用全部功能,包括实时预览、代码高亮、数学公式、图表、自动保存等。无任何使用次数限制或功能门槛,适合个人开发者与技术团队日常使用。
能否导出内容?
可以。编辑器工具栏内置导出功能,可将预览内容导出为 PDF 或长图,也可一键复制 Markdown 源码到剪贴板,方便粘贴到 GitHub README、博客平台或其他文档系统中。自动保存的内容也可随时手动复制带走。