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、博客平台或其他文档系统中。自动保存的内容也可随时手动复制带走。