Markdown在线编辑

工具简介

在线 Markdown 编辑器，左侧写作、右侧实时预览，支持 GFM 表格、任务列表、代码块、引用、删除线等扩展语法。可一键导出自带样式的单文件 HTML、.md 源码或纯文本 .txt。渲染与导出全部在浏览器本地完成，内容不会上传。

使用步骤

1. 在左侧输入 Markdown，右侧会实时预览。
2. 用工具栏按钮插入常用语法，或使用快捷键（Ctrl+B 加粗、Ctrl+I 斜体、Ctrl+K 链接）。
3. 用右上角的分栏 / 仅编辑 / 仅预览切换视图。
4. 点「导出 HTML」得到可独立打开的单文件网页；「导出 .md」保存源码；「导出 .txt」保存去掉标记后的纯文本。
5. 「复制 MD」和「复制 HTML」可直接粘贴到博客后台、邮件或聊天窗口。

常用语法速查

语法	效果
# 标题	一级标题（## 二级，最多六级）
加粗	加粗
斜体	斜体
删除线	删除线
` 代码 `	行内代码
> 引用	引用块
- 项目	无序列表
1. 项目	有序列表
- [ ] 待办	任务列表（可勾选）
文字	超链接
	图片
---	分割线
``` ` ``` 包裹	代码块

表格写法：

| 列 1 | 列 2 |
| --- | --- |
| 内容 | 内容 |

关于导出的 HTML

导出的 HTML 是单文件：样式用内联 <style> 写在文件里，不依赖任何外部 CSS 或 JavaScript，双击即可在浏览器打开，也可以直接贴进支持 HTML 的编辑器或邮件正文。

样式采用 GitHub 风格：无衬线字体、标题带下边框、代码块有底色、表格带边框、引用块带左侧色条，宽屏下正文限宽 860px 居中，阅读体验接近技术文档。

安全性：为什么预览是安全的

Markdown 允许内嵌 HTML，这意味着一段恶意文本可以注入 <script> 或 onerror 这类事件属性。

本工具的渲染流程是：marked 解析 → DOMPurify 清洗 → 插入页面。DOMPurify 会移除脚本、事件属性与 javascript: 协议链接，所以即使粘贴来路不明的 Markdown，预览区也不会执行脚本。导出的 HTML 同样经过清洗。

适用场景

• 写技术文档、README、博客草稿
• 把 Markdown 转成可直接分享的单文件网页
• 粘贴 Markdown 源码，快速看渲染效果
• 把 Markdown 转成纯文本（去掉所有标记）

注意事项

• 预览区显示的是渲染结果，编辑器里显示的才是原始源码，注意区分。
• 任务列表的复选框在预览里可以点击，但不会同步修改源码。
• 导出的 HTML 使用固定浅色样式，不跟随本站的深色主题。
• 编辑内容保存在内存中，刷新页面会丢失，请及时导出。