Markdown 转 HTML

输入或打开 Markdown,就能得到可以粘贴进网页、邮件模板或 CMS 的 HTML 源码,旁边还有沙箱化的实时预览。原始 HTML 如何处理、标题要不要 id、链接是否在新标签页打开,都由你决定。

在浏览器本地运行 开发者工具

转换在当前标签页完成,不会上传或保存任何内容。

使用方法

  1. 输入或粘贴 Markdown,点击「打开 .md 文件」,或把文件拖到输入框;「载入示例」会填入带表格和代码块的短示例。
  2. 设置选项:GitHub 风格扩展、把换行当作 <br>、标题 id、链接在新标签页打开,以及 Markdown 中的原始 HTML 如何处理——显示为文本、保留或删除。
  3. 需要独立文件时打开「包装成完整的 HTML 文档」,想让它单独打开也好看就加入小样式表,用「压缩输出」缩小体积。
  4. 在「HTML 源码」和「预览」之间切换,再点击「复制 HTML」或「下载 .html」。

常见问题

Markdown 里的原始 HTML 安全吗?

默认把它显示为文本,这是最安全的选择。只有对你自己写的或信任的 Markdown 才选择保留为 HTML:它会连同 script 一起原样复制进结果。带有 javascript: 等不安全协议的链接和图片一律会被去除,预览在禁用脚本的沙箱中运行。

它使用哪种 Markdown 规范?

默认是 GitHub 风格 Markdown——表格、任务列表、删除线和自动链接——其余遵循 CommonMark 规则。关闭第一个选项就是纯 CommonMark。输出是不带内联样式的语义化 HTML,除围栏代码块里 code 上的 language-xxx 类之外没有其他 class,所以会沿用你粘贴到的页面的样式。

标题 id 有什么用?

每个标题会得到由其文字生成的 id,例如 release-notes,这样就能用 #release-notes 链接到某个章节。重复的标题会加上 -1、-2 等后缀,中文标题的 id 会保留汉字。如果你的网站会自己添加 id,把它关掉即可。

指南

相关工具