Markdown 编辑器

在线 Markdown 编辑器：左侧书写、右侧实时渲染，支持标题、列表、表格、代码块、引用与链接，可将渲染结果导出为带样式的 HTML 文件或一键复制。所有渲染均在浏览器本地完成。

使用说明

在左侧输入 Markdown 源码，右侧会随输入实时渲染预览；按需点击「示例」加载一段完整的示范文本。
支持常用语法：# 标题、**加粗**、*斜体*、`行内代码`、``` 代码块、无序/有序列表、> 引用、--- 分隔线、表格以及 [链接](https://…) 与图片。
点击「导出 HTML」可下载包含完整样式的独立 .html 文件，方便直接发布或归档。
「复制 HTML」把同样的完整文档复制到剪贴板，可直接粘贴到编辑器或内容管理系统中。
为安全起见，输入中的原始 HTML 标签一律被转义为可见文本，不会在预览中执行，请放心粘贴内容。

常见问题

支持哪些 Markdown 语法？

支持标题（# 至 ######）、加粗、斜体、行内代码、围栏代码块、无序与有序列表、引用、分隔线、链接、图片与表格。暂不包含 HTML 直写、任务列表与嵌套复杂结构等扩展语法。

为什么预览中的 HTML 没有生效？

为了安全，工具会先把内容中的 <script>、<img> 等标签整体转义成文本再解析 Markdown，因此不会被浏览器执行，可放心处理来自他人或不可信来源的文本。

导出或复制的 HTML 包含样式吗？

包含。导出的文件是结构完整、自带内嵌样式的独立网页，标题、代码、引用、表格与图片的样式都会保留，可直接打开预览或用于发布。

我的内容会上传到服务器吗？

不会。编辑、渲染、导出全部在浏览器本地完成，输入的内容不会离开您的设备。

界面截图

使用步骤

在左栏书写源码内容
在 Markdown 源码栏输入内容，右侧实时预览随输入同步刷新，字符数也会实时统计。点示例可载入完整演示文档。
按支持的语法书写
支持井号标题、星号加粗与斜体、行内代码、三个反引号围栏代码块。有序列表、无序列表、引用、分隔线、表格与链接图片也都支持。
导出完整网页文件
点导出 HTML 会下载一个自带样式的独立网页文件，标题、代码、表格等样式全部内嵌，可直接发布或存档。
一键复制网页代码
不想生成文件时点复制 HTML，完整文档进入剪贴板，可直接粘贴进编辑器或 CMS 后台使用，效果与导出一致。
放心粘贴外来内容
预览会把你输入的 HTML 标签原样转成可见文本，不会执行。粘贴来源不明的 Markdown 也不会触发脚本。

工具详细介绍

这是一个左右分栏的在线 Markdown 编辑器：左边写源码，右边即时渲染成排版好的页面，无需安装任何软件。它覆盖标题、加粗斜体、列表、引用、表格、代码块与链接图片等常用语法。写完能导出为带样式的独立 HTML 文件，或直接复制 HTML。全部处理都在本地完成。

适合写技术文档与接口说明，在博客或 CMS 发布前先排版预览，快速整理读书笔记和会议记录。要给不支持 Markdown 的平台准备 HTML 时，直接导出即可。写作者、学生、开发者和运营人员都可以把它当轻量写作台，内容不经过任何服务器。

原理与背景

Markdown 由 John Gruber 与 Aaron Swartz 在 2004 年发布，目标是让纯文本未经渲染也可读。井号成标题，星号成强调，缩进成代码。原始规范相当简陋，很多边界情况没有规定，各渲染器自行其是，2014 年的 CommonMark 规范才钉死这些歧义。本工具支持的表格语法不在原版规范里，而是来自 GitHub Flavored Markdown 扩展。它用竖线与连字符行描述列与对齐。

Markdown 允许直接书写 HTML 标签，写在个人笔记里是便利，到了展示他人输入的网站就是攻击面。一个脚本标签或一个事件属性，就可能在访问者浏览器里执行任意代码，这就是跨站脚本（XSS）。稳妥做法是渲染前把标签转义成可见文本，本预览对 raw HTML 就是这样处理。另一个实用设计是导出文件把 CSS 内嵌进单个 HTML，不依赖任何外部样式表。离线打开或换到另一台机器打开，排版都不会丢失，适合长期存档。

典型使用场景

写接口文档与技术说明
接口文档以代码块与参数表为主，围栏代码块保住缩进与等宽字体，表格用竖线一列列排开。写完导出 HTML 交给没有 Markdown 环境的同事，样式也不会跑偏。
发布前核对平台排版
各家博客与 CMS 的 Markdown 支持参差不齐，先在本地把表格、代码块、列表渲染到满意。满意后再导出或复制 HTML 发布，免得上线后才发现某类语法被平台吞掉。
整理会议记录与读书笔记
用标题分节、列表记要点、引用块摘原文，边写边看排版效果。会后同一份源码再导出一份 HTML 存档，几年后打开仍是完整版式，不受软件更替影响。

使用技巧

想快速了解支持的语法，先点示例载入演示文档，对照源码与预览学习，比查文档直观。
预览区的 raw HTML is escaped 提示表示标签会被转义显示而不执行，粘贴不可信内容也安全。
导出的 HTML 自带完整样式，直接发给别人或挂到静态站点都能保持排版，无需再补 CSS。

注意事项

表格需要完整三行
表格至少要表头行、分隔行再加数据行，分隔行用连字符声明列，冒号位置决定左中右对齐。竖线文本渲染不出表格，多半是少了分隔行或前后缺空行。
意外缩进变成代码块
行首四个空格或一个制表符会被识别为代码块，段落突然变等宽字体多半源于此。列表项之间空一行则形成松散列表、间距变大，排版走样时先检查空白字符。
导出不包含图片本体
导出的 HTML 只内嵌样式，图片仍引用原始地址，外链失效或本地路径改变后就会裂图。需要长期保存时确认图片可公开访问，或把图片与文件放在同一相对路径下。