什麼是 Markdown ⇄ HTML 轉換?
Markdown 是好寫好讀的純文字標記,常用於 README、部落格與筆記;HTML 則是網頁的語言。這個工具在兩者之間互轉:把 Markdown 轉成可直接貼到網頁的 HTML,或把一段 HTML 轉回乾淨的 Markdown,還能即時預覽排版結果。全程在你的瀏覽器本機完成,不上傳。
如何使用
- 把 Markdown 或 HTML 貼進輸入框(也可拖入檔案)。
- 按「Markdown → HTML」或「HTML → Markdown」。
- 結果原始碼可複製或下載;展開「預覽」可看排版後的樣子。
使用情境
- 把 README 或筆記的 Markdown 轉成 HTML 貼到網站或 email。
- 把網頁複製來的 HTML 轉成乾淨 Markdown 存進筆記。
- 寫作時搭配字數統計工具控制長度;要清理雜亂文字用文字清理器。
HTML 轉 Markdown 為什麼樣式掉了?
從網頁複製一段 HTML 轉成 Markdown,常發現字色、字體、內嵌 CSS、複雜表格都不見了——這不是壞掉,而是本質使然:Markdown 描述的是「結構」(標題、清單、連結、粗體),不是「外觀」。純外觀的東西無法用 Markdown 表達,會被簡化或保留成原始 HTML。其實這通常是好事:你得到乾淨、可攜、好維護的純文字。反方向 Markdown → HTML 想先確認排版對不對,展開沙箱預覽即可(它不執行任何腳本,安全)。
為什麼我的斷行不見了?
因為在 Markdown 裡單一換行不是斷行。兩行文字中間只有一個換行,這一頁回傳的是 <p>line one line two</p> —— 兩行落在同一個 <p> 裡,瀏覽器算成連續的一行。你需要行尾兩個空白、一個反斜線,或空一行開新段落。相對地清單會拿到真正的結構:<ul> <li>one</li> <li>two</li> </ul>。標題也不一樣 —— # Title 回傳裸的 <h1>Title</h1>,外面沒有段落包住。