什么是Markdown编辑器?

分屏编辑器,带即时 HTML 预览。支持 GitHub 风格 Markdown:表格、任务列表、带语法高亮的代码块。可导出为 HTML 或复制渲染结果。

渲染采用 GitHub 风格的 Markdown 解析器,支持带语言提示的围栏代码块(javascript、python、css 等)、带勾选状态的任务清单、管道表格、脚注和删除线。工具栏可在光标处一键插入标题、加粗、斜体、链接、图片、代码、表格的语法。导出生成包含内嵌样式的独立 HTML 文件,可直接附件发送或上传。

使用方法

  1. 在左侧编辑区输入或粘贴 Markdown 内容——右侧预览区会实时更新。
  2. 使用工具栏快速格式化:粗体、斜体、标题、链接、图片、代码块和表格。
  3. 将文档导出为干净的 HTML,复制渲染预览,或下载原始 Markdown 文件。

何时使用

  • 写 README 或贡献指南时,边写边看渲染效果。
  • 在 Markdown 里草拟博客文章,再把生成的 HTML 粘贴进不支持 Markdown 的 CMS。
  • 整理会议记录——用标题分章节、任务清单列待办、表格记决议。

结果

您正在写项目 README——添加标题、功能列表、带 JavaScript 高亮的代码块和安装说明表格。输入时预览实时显示渲染结果,写完可导出 HTML。

常见问题

代码块支持语法高亮吗?
支持。围栏代码块在起始反引号后写上语言标识符(```javascript、```python、```bash 等),预览就会用 highlight.js 着色。未识别的语言或没写语言的代码块,会以无颜色的等宽文本显示。
刷新页面后,我写的 Markdown 还在吗?
可以。每次输入都会自动保存到你的设备,下次打开页面时草稿会自动恢复——即使刷新或意外关闭标签页也没问题。当加载到已保存的草稿时,会用一个小提示告诉你。点击重置(或清空编辑器)即可删除保存的副本。
可以直接把截图粘贴进编辑器吗?
可以。直接粘贴图片或截图,它会以 base64 数据 URL 的形式嵌入文档,并在光标处自动插入 Markdown 图片语法。需要注意:数据 URL 会让文件变大,而且大多数平台(包括 GitHub 的 README)无法渲染它们。所以如果文档要分享给别人,最好把图片上传到图床,再用 ![描述](https://...) 插入链接,这样源文件更精简。
「导出 HTML」和「复制渲染结果」有什么区别?
导出 HTML 会生成包含 <html>、<head>、内嵌 CSS、内容作为 <body> 的完整文档。「复制渲染结果」只复制内层 HTML 片段,适合粘贴到那种已经用自家模板包了一层外壳的 CMS。
为什么我换的一行,在预览里没显示成换行?
标准 Markdown 把段落内的单个换行当作软换行处理。要强制换行,在行末加两个空格;或者空一行,作为新段落。GitHub 和大部分静态站点生成器都这么处理。

相关工具