跳到主要內容

Markdown ⇄ HTML 轉換

在瀏覽器本機把 Markdown 轉成 HTML,或把 HTML 轉回 Markdown,附即時預覽,免上傳。

預覽

什麼是 Markdown ⇄ HTML 轉換?

Markdown 是好寫好讀的純文字標記,常用於 README、部落格與筆記;HTML 則是網頁的語言。這個工具在兩者之間互轉:把 Markdown 轉成可直接貼到網頁的 HTML,或把一段 HTML 轉回乾淨的 Markdown,還能即時預覽排版結果。全程在你的瀏覽器本機完成,不上傳。

如何使用

  1. 把 Markdown 或 HTML 貼進輸入框(也可拖入檔案)。
  2. 按「Markdown → HTML」或「HTML → Markdown」。
  3. 結果原始碼可複製或下載;展開「預覽」可看排版後的樣子。

使用情境

  • 把 README 或筆記的 Markdown 轉成 HTML 貼到網站或 email。
  • 把網頁複製來的 HTML 轉成乾淨 Markdown 存進筆記。
  • 寫作時搭配字數統計工具控制長度;要清理雜亂文字用文字清理器

HTML 轉 Markdown 為什麼樣式掉了?

從網頁複製一段 HTML 轉成 Markdown,常發現字色、字體、內嵌 CSS、複雜表格都不見了——這不是壞掉,而是本質使然:Markdown 描述的是「結構」(標題、清單、連結、粗體),不是「外觀」。純外觀的東西無法用 Markdown 表達,會被簡化或保留成原始 HTML。其實這通常是好事:你得到乾淨、可攜、好維護的純文字。反方向 Markdown → HTML 想先確認排版對不對,展開沙箱預覽即可(它不執行任何腳本,安全)。

常見問題

內容會被上傳嗎?

不會。轉換全程在你的瀏覽器本機以 JavaScript(marked / turndown)完成,你貼上的內容不會上傳到任何伺服器。

支援哪種 Markdown?

支援常見的 GitHub 風格 Markdown:標題、清單、連結、圖片、粗體斜體、程式碼區塊、表格、引用等。

預覽安全嗎?

安全。預覽用沙箱(sandbox)iframe 顯示,不會執行任何 JavaScript,只呈現排版後的樣子。

HTML 轉回 Markdown 會完全一樣嗎?

結構(標題、清單、連結、粗體等)會保留成對應的 Markdown。少數 HTML-only 的樣式(如內嵌 style、複雜表格)Markdown 無法表達,會被簡化或保留為原始 HTML。

延伸閱讀

Markdown 轉 HTML 怎麼做?(以及轉回來) →

嵌入此工具

把這個工具免費放進你的網站或部落格 —— 複製下面的程式碼貼上即可(內含一條回到本站的連結)。