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 是另一步。