在线 Markdown 编辑器
左侧编辑、右侧实时预览,支持 GFM 表格与代码块,输出经 DOMPurify 消毒防 XSS。全部渲染在浏览器本地完成,内容不会上传。
0
总字符数
0
字数(中文+英文单词)
0
行数
觉得好用?探索更多内容
Markdown 编辑器使用说明
Markdown 是一种用纯文本符号描述排版的轻量级标记语言:用 # 表示标题、**文字** 表示加粗、短横线表示列表,写起来几乎不打断思路,因此深受写作者、程序员和产品经理喜爱。这款在线编辑器把「编辑」与「预览」并排放置,左侧每敲一段,右侧立即渲染出最终排版效果,无需在本地安装任何软件。
具体使用步骤:
- 第一步:直接在左侧文本框输入 Markdown,或点击工具栏按钮在光标处插入语法片段(加粗、斜体、标题、链接、列表、代码块、表格)。
- 第二步:停止输入约 200 毫秒后,右侧预览自动刷新;下方同步显示总字符数、字数与行数。
- 第三步:需要嵌入网页时,点击「复制 HTML」把渲染后的 HTML 代码复制出来;点击「复制原文」则复制 Markdown 源码。
- 第四步:文档写完后请及时复制保存——内容只存在于当前页面,刷新后会恢复为默认示例文档。
编辑器默认载入了一份示例文档,完整演示了标题、列表、表格、删除线与代码块的写法,首次使用建议先对照示例熟悉语法,再替换成自己的内容。
常见问题(FAQ)
编辑器支持哪些 Markdown 语法?
基于 marked 解析器并开启 GFM 特性,支持标题、加粗、斜体、删除线、列表、任务列表、链接、图片、行内代码、围栏代码块、引用、表格、分割线等常用语法。图片引用外链地址即可在预览中显示。
预览的 HTML 会不会有 XSS 风险?
不会。所有渲染出的 HTML 都先经过 DOMPurify 库消毒,script 标签、onerror 等事件属性、javascript: 链接等恶意内容会被自动移除。你可以在输入框里粘贴
<script> 试试,预览中不会执行任何脚本。我写的内容会被上传到服务器吗?
不会。Markdown 解析与渲染全部在你的浏览器本地完成,文档内容不会离开你的设备。这也是本站所有工具的共同原则:数据本地处理,隐私零风险。
如何把 Markdown 转成 HTML 用于博客或公众号?
点击「复制 HTML」按钮即可把渲染后的完整 HTML 复制到剪贴板,粘贴到支持富文本或 HTML 源码的编辑器中使用。各平台样式规则不同,建议粘贴后检查表格与代码块的显示效果并按需微调。
GFM 是什么?和标准 Markdown 有什么区别?
GFM(GitHub Flavored Markdown)是 GitHub 在标准 Markdown 基础上扩展的方言,新增了表格、删除线(~~文字~~)、任务列表(- [ ])和自动链接识别等特性,如今已成为事实标准。本编辑器默认按 GFM 规则解析。
相关知识:Markdown 的设计与安全
Markdown 由 John Gruber 与 Aaron Swartz 在 2004 年设计,核心理念是「易读易写的纯文本格式」:源文件本身就是可读的,即使不渲染也能顺畅阅读。原始规范只覆盖了十几种基础语法,社区随后衍生出众多方言,其中 GitHub 的 GFM 影响最大——表格与删除线正是它引入的,如今各大平台(GitHub、掘金、语雀、Notion 等)几乎都兼容 GFM。
把用户输入渲染成 HTML 并展示,是 Web 安全里经典的 XSS(跨站脚本)风险点:攻击者可以在 Markdown 里夹带 <script> 标签或 onerror 属性,一旦原样插入页面就会窃取访客信息。行业通行做法是像本工具一样,在插入 DOM 前用 DOMPurify 对 HTML 做白名单消毒,只保留安全的标签与属性。写技术文档时若需要给代码上色,可以配合本站的 代码高亮 工具;需要对比两个版本文档的差异,推荐 文本 Diff 对比;写完想统计字数,文本字数统计 一键搞定。