📝

Markdown Editor

A powerful free online Markdown editor. Supports GFM extensions, Mermaid diagrams, LaTeX math formulas (KaTeX), [TOC] table of contents, footnotes, and code highlighting.

Auto Save

EditorLines: 62 · Words: 221 · Chars: 1217

# 🚀 专业级 Markdown 编辑器

这是一个全功能的在线 Markdown 编辑器，支持 **GFM**、**Mermaid** 图表、**KaTeX** 公式以及代码高亮。所有处理均在本地完成，确保您的数据安全。

## ✨ 主要特性

- [x] **实时预览**：毫秒级响应，支持分栏、纯编辑、纯预览模式
- [x] **图表支持**：集成 Mermaid 引擎，支持流程图、时序图等
- [x] **LaTeX 公式**：支持 KaTeX 渲染，行内与块级公式均可
- [x] **代码高亮**：GitHub 风格主题，支持 100+ 语言
- [x] **本地存储**：自动保存草稿至浏览器，方便下次继续编辑
- [x] **灵活导出**：支持导出 MD 或自包含样式的 HTML
- [x] **脚注支持**：支持 GFM 风格的脚注引用与定义[^1]

## 📊 图表示例 (Mermaid)

```mermaid
graph TD
  A[开始编辑] --> B{实时预览}
  B -- 同步 --> C[查看结果]
  B -- 保存 --> D[本地草稿]
  C --> E[导出文档]
```

## 🧮 LaTeX 公式 (KaTeX)

行内公式：$E = mc^2$

块级公式：
$$
\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$

## 💻 代码块

```typescript
interface User {
  id: number;
  name: string;
}

const welcome = (user: User) => {
  console.log(`Hello, ${user.name}!`);
};
```

## ⌨️ 快捷键指南

| 快捷键 | 功能 | 快捷键 | 功能 |
| --- | --- | --- | --- |
| **Ctrl + B** | 加粗 | **Ctrl + I** | 斜体 |
| **Ctrl + K** | 插入链接 | **Ctrl + H** | 插入标题 |
| **Ctrl + U** | 下划线 | **Ctrl + D** | 删除线 |
| **Ctrl + S** | 保存草稿 | **Ctrl + Z** | 撤销 |
| **Ctrl + Y** | 重做 | **Tab** | 增加缩进 |
| **Shift + Tab** | 减少缩进 | **Enter** | 换行 (列表内自动延续) |
| **Esc** | 退出全屏 | | |

*注：macOS 用户请使用 **Command** 键代替 **Ctrl**。*

[^1]: 这是一个脚注示例，点击编号可跳转到此处，点击末尾符号可跳回。

Preview

Rendering...

Preparing preview...

About This Tool

This Markdown editor is designed to provide developers and writers with a pure and efficient editing experience. It integrates GFM standards and extends support for Mermaid diagrams and KaTeX formulas, catering to everything from technical docs to academic notes. All data processing is done locally in your browser, ensuring maximum privacy and security.

Features

🎨 Multi-mode View: Switch between Edit, Preview, and Split views
⚡ Real-time Sync: Millisecond-level preview response for smooth editing
📈 Diagram Support: Fully integrated Mermaid (Flowcharts, Sequence, Gantt, Mindmaps, etc.)
🧮 Math Formulas: Supports KaTeX inline ($...$) and block ($$...$$) formulas
🖼️ Image Support: Drag & drop or paste images, auto-converted to reference-style Base64 links
🌟 GFM Compatible: GitHub Flavored Markdown (Tables, Tasks, Strikethrough, Footnotes)
� Smart TOC: Support [TOC] syntax for automatic table of contents with navigation
�💡 Code Highlight: GitHub theme with support for 100+ languages
📂 Flexible Export: Export as .md or self-contained styled .html
🧭 Helpers: Auto sidebar outline extraction, real-time word and line counts
⌨️ Smart Editing: Keyboard shortcuts, Tab indentation, and auto-list completion
🔒 Privacy: Local-only processing with browser-based autosave

Markdown Editor

About This Tool

Features

Related Tools

Mermaid Diagram Editor

Markdown to Mind Map

HTML to Markdown

Markdown to HTML

Fancy Text Generator

Kaomoji Editor

Kaomoji Collection

Chinese Converter

Martian Text Converter

ASCII Art Generator

ASCII Code Reference Table

Chinese Stroke Query