Markdown 转 HTML

把 Markdown 子集转成 HTML 并预览。字符引用在 HTML 转 Markdown · HTML 实体

预览
HTML

转换的是什么

这一页把 Markdown 子集转成 HTML,并在源码旁边显示预览。转换在浏览器里完成。命名字符引用在 HTML 实体。反方向在 HTML 转 Markdown。

怎么用

  1. 输入 Markdown。预览和 HTML 框会边输入边更新。
  2. 转换把同一次转换再跑一遍。
  3. 显示示例载入一则笔记,标题是 Notes,一段里有粗体和行内代码,项目符号列表是 alpha 和 beta,编号列表是 one 和 two,一段引用,一条到 https://example.com 的链接,以及一条水平线。
  4. 这份示例的 HTML 含有 <h1>Notes</h1>、<strong>bold</strong>、<code>code</code>、一个 ul、一个 ol、一个 blockquote、这条链接,以及 <hr>。
  5. 全部清除清空 Markdown、预览和 HTML。复制结果复制 HTML。

这一页读的 Markdown

ATX 标题用一到六个 #。空行分开段落。**bold** 和 __bold__ 是 strong。*italic* 和 _italic_ 是强调。行内代码用反引号。围栏代码块用三个反引号。链接是 [text](url),图片是 ![alt](url)。项目符号以 - 或 * 开头。编号项以数字和句点开头。引用以 > 开头。分隔线是一行 ---、*** 或 ___。

表格是标题行、一行破折号做分隔,再加上正文行,单元格用 | 切开。会开启 HTML 的字符会转义,所以原始的 <script> 仍是文字。任务列表、删除线和脚注留成纯文本。

用在哪

  • 看一段 README 会显示成什么样。
  • 把一小段 HTML 复制进页面。
  • 把竖线表格转成 table 元素。

常见问题

为什么原始标签显示成文字?

这一页先转义 HTML,再套用它认得的 Markdown。

能做成 PDF 吗?

输出是 HTML。打印或 PDF 是另一步。