Markdown 编辑预览
实时预览 Markdown，支持工具栏、大纲导航与导出 HTML
Markdown 编辑器
Markdown 源码411 字符 · 33 行
实时预览
Markdown 编辑与预览
这是一个纯前端的 Markdown 编辑器，左侧输入、右侧实时预览，支持导出为独立的 HTML 文件。
支持的语法
- 加粗、斜体、
删除线、行内代码 - 外部链接
- 任务列表：
- 已完成的事项
- 待完成的事项
引用块用于强调一段引文或注意事项。
表格
| 功能 | 是否支持 | 说明 |
|---|---|---|
| 表格 | 是 | GFM 表格语法 |
| 代码高亮 | 否 | 保留原样输出，不引入高亮库 |
| 数学公式 | 否 | 需要额外的渲染库 |
代码块
function greet(name) {
return `你好，${name}`;
}
最后一段普通文字。
文档概览
字数
162
中文字 + 英文单词
标题
4
代码块
1
链接
1
图片
0
预计阅读
1 分钟
文档大纲
H1Markdown 编辑与预览
H2支持的语法
H3表格
H3代码块
支持 GitHub 风格 Markdown：表格、任务列表、删除线、围栏代码块、自动链接。
- 预览与导出的 HTML 都经过白名单清洗，源码里内嵌的
<script>、事件属性会被移除，因此可以安全地粘贴别处的内容。 - 导出的 .html 是可独立打开的完整文件，内置了排版样式，不依赖网络。
- 需要粘贴到公众号或 Word 时，请改用「Markdown 转富文本」工具，那里会把样式写成内联形式。
- 全部处理在浏览器本地完成，文档不会上传服务器。
功能介绍
Markdown 编辑预览工具提供左右分栏的实时编辑体验，支持 GitHub 风格扩展语法，包括表格、任务列表、删除线、围栏代码块与自动链接。工具栏提供标题、加粗、斜体、行内代码、代码块、引用、有序与无序列表、任务项、链接、图片、表格、分割线等常用格式的一键插入，会智能处理选区包裹与多行前缀。右侧预览带文档大纲，点击标题可跳转到源文对应位置，滚动条按比例双向同步。渲染结果经白名单清洗，内嵌 HTML 中的脚本与危险属性会被移除。支持导出 Markdown 源文、导出带样式的独立 HTML 文件、复制 HTML 源码与复制纯文本。全部处理在浏览器本地完成，文档不会上传。
使用说明
1、在左侧输入或粘贴 Markdown 文本；2、用工具栏按钮快速插入格式，或直接手写语法；3、右侧实时查看渲染效果，点击大纲标题跳转位置；4、需要时开启滚动同步；5、通过导出按钮保存为 .md 或 .html 文件，或复制 HTML 与纯文本。