Markdown 编辑器

新热门 🔥

带实时预览的在线 Markdown 编辑器

效率工具

如何使用 Markdown 编辑器

  1. 1在左侧编辑器输入Markdown
  2. 2在右侧查看实时HTML预览
  3. 3使用工具栏进行快速格式化
  4. 4导出为HTML或复制渲染输出

关于 Markdown 编辑器

在左侧编写Markdown，右侧实时查看渲染的HTML。我们的Markdown编辑器支持完整的CommonMark规范以及GitHub风格Markdown扩展，包括表格、任务列表、语法高亮代码块、删除线和自动链接检测。

分屏界面在您输入时提供即时视觉反馈。使用格式化工具栏快速插入标题、粗体、斜体、列表、链接、图像和代码块。所有常见格式操作都有键盘快捷键。

将文档导出为HTML，复制渲染输出到剪贴板，或下载为.md文件。自动保存每隔几秒保存您的工作。非常适合编写文档、README文件、博客文章、笔记或任何面向GitHub、论坛或静态网站生成器的内容。

Markdown 编辑器的主要功能

  • 实时并排Markdown和HTML预览
  • 完整CommonMark + GitHub风格Markdown支持
  • 快速插入元素的格式化工具栏
  • 所有常见格式操作的键盘快捷键
  • 带语言选择的语法高亮代码块
  • 带视觉网格界面的表格编辑器
  • 每5秒自动保存到localStorage
  • 导出为HTML、复制渲染输出或下载.md文件

示例

编写GitHub README文件

创建带标题、代码块和徽章的项目README。

输入

# 项目名称

## 安装

```bash
npm install
```

输出

带格式化标题和语法高亮代码块的渲染HTML

为功能比较创建表格

使用Markdown表格语法构建比较表。

输入

| 功能 | 免费 | 专业 |
|------|------|------|
| 用户 | 5 | 无限 |

输出

带适当列对齐的样式化HTML表格

常见使用场景

  • 编写GitHub README文件和文档
  • 为静态网站生成器创建博客文章
  • 用标题和列表记结构化笔记
  • 编写带代码示例的技术文档
  • 起草Discourse、Reddit或Stack Overflow的论坛帖子
  • 为接受Markdown的CMS平台准备内容

故障排除

表格渲染不正确

解决方案

确保有必需的管道(|)分隔符和标题分隔行(|---|---|)。每行必须有相同数量的列。

代码块没有语法高亮

解决方案

在开头反引号后指定语言：```javascript而不只是```。编辑器支持100+种语言。

链接或图像不显示

解决方案

检查语法：链接用[文本](url)，图像用![替代文本](url)。URL必须完整（包括https://）。

常见问题

支持哪些Markdown风格？

编辑器支持标准CommonMark以及GitHub风格Markdown（GFM），包括表格、任务列表、删除线、语法高亮代码块和自动URL链接。

我的内容有保存吗？

是的，内容每5秒自动保存到localStorage。您的文档在会话间保持持久。

有哪些导出格式？

您可以导出为HTML（下载.html文件）、复制渲染HTML到剪贴板或下载原始Markdown为.md文件。

有键盘快捷键吗？

有：Ctrl/Cmd+B粗体，Ctrl/Cmd+I斜体，Ctrl/Cmd+K链接，Ctrl/Cmd+`代码等。

可以对预览使用自定义CSS吗？

目前，预览使用默认的GitHub风格样式，此版本不支持自定义CSS。

有哪些导出格式？

可以导出为HTML、将渲染的HTML复制到剪贴板，或将原始Markdown下载为.md文件。

有键盘快捷键吗？

有：Ctrl/Cmd+B加粗，Ctrl/Cmd+I斜体，Ctrl/Cmd+K链接，Ctrl/Cmd+`代码等。将鼠标悬停在工具栏按钮上查看快捷键。

我的内容是私密的吗？

是的，所有内容都存储在您的浏览器本地，不会发送到任何服务器或与第三方共享。