在线 Markdown 编辑器

如何使用在线 Markdown 编辑器

工具采用左编辑、右实时预览布局，最左侧为可收起的文章大纲。

1. 在左侧编辑区输入或粘贴 Markdown；顶部工具栏提供加粗、标题、链接、表格、代码块等一键插入。
2. 右侧预览实时渲染，并与编辑区滚动同步。
3. 在工具栏右侧切换预览主题：GitHub 风适合通用阅读，公众号系列适合发布到微信公众号。
4. 通过导出按钮组输出结果（见下）。

复制到微信公众号

1. 主题选择任意「公众号」主题；
2. 点击复制富文本；
3. 打开公众号后台图文编辑器，直接 Ctrl+V / ⌘+V 粘贴，排版样式会一并带入。

微信后台只认元素的行内 style，本工具复制时已自动把主题样式内联到每个标签，因此粘贴后样式不丢失。

支持的语法

• GFM：表格、任务列表、删除线、自动链接；
• 代码高亮：```语言 围栏代码块；
• 数学公式：$行内$ 与 $$块级$$（KaTeX）；
• 图表：```mermaid 代码块绘制流程图、时序图等。

导出与本地存储

• 复制富文本 / 复制 HTML、下载 .md / .html、导出 PDF（浏览器打印另存）、导出图片（预览区转 PNG 长图）；
• 编辑内容自动保存草稿到本地浏览器，可手动保存快照到历史，随时恢复；
• 所有处理均在浏览器本地完成，内容不上传服务器。

流程图 / 序列图怎么画？

本工具用 Mermaid（现代标准）绘制图表，不支持 editor.md 的 ```flow / ```seq 老语法。请改用 ```mermaid 代码块，例如流程图：

flowchart TD
  A[用户登录] --> B{登录成功?}
  B -- 是 --> C[进入后台]
  B -- 否 --> A