HTML 轉 Markdown

把 HTML 轉回 Markdown。另一個方向是 Markdown 轉 HTML · HTML 實體

轉回去的是什麼

這一頁讀 HTML，按另一頁能產生的那一套寫回 Markdown：標題、段落、粗體、斜體、程式碼、連結、圖片、清單、引用、分隔線和表格。另一個方向是 Markdown 轉 HTML。具名字元參照在 HTML 實體。

怎麼用

  1. 貼上 HTML。結果會輸入時立即更新。
  2. 轉換再做一次同樣的轉換。
  3. 顯示範例載入標題 Notes、一段帶粗體和行內程式碼的文字、項目符號 alpha 和 beta、編號 one 和 two、一段引用、指向 https://example.com 的連結，以及一條水平線。
  4. 得到的 Markdown 有 # Notes、帶 **bold** 和 `code` 的段落、- alpha、1. one、> quoted、[site](https://example.com) 和 ---。
  5. 全部清除清空兩邊。複製結果複製 Markdown。

這一頁認識的標籤

h1 到 h6 變成 ATX 標題。p 變成段落。strong 和 b 變成 **粗體**。em 和 i 變成 *斜體*。code 變成行內程式碼，pre 變成圍欄程式碼區塊。連結和圖片保留位址。ul 和 ol 變成清單。blockquote 每行前面加 >。hr 變成 ---。表格變成表頭、一行破折號分隔，以及表身。

script 和 style 會被丟掉。其他標籤只留下裡面的文字。< 會變回小於號，所以被跳脫的 HTML 在 Markdown 裡是文字。

用在哪裡

  • 把 Markdown 那一頁的結果轉回原始碼。
  • 把一張簡單的 HTML 表格收成直線表格。
  • 從一小段 HTML 裡取出標題和清單。

問題

整頁 HTML 都能保住嗎？

只有上面這些標籤會變成 Markdown。這一頁不排版的標籤，只保留其中的文字。

指令碼為什麼不見了？

寫出文字之前，script 和 style 裡的內容會被去掉。