功能介紹
HTML 轉 Markdown 工具把 HTML 標記轉換成整潔易讀的 Markdown。可以用來把 CMS 裡的部落格文章搬到靜態網站產生器、根據現有網頁撰寫 README、把文件存成筆記,或為支援 Markdown 的 Wiki、GitHub Issue、聊天工具準備內容。
輸出遵循常見的 Markdown 慣例:# 標題、- 清單項目、保留原語言的圍欄程式碼區塊,以及 GitHub 風格的表格和刪除線。必要時會跳脫文字,避免被誤當成格式。
使用方法
- 把 HTML 貼到輸入框、上傳
.html檔案,或按「範例」。 - 若專案有固定寫法,可以調整風格:清單符號、圍欄或縮排程式碼區塊、斜體和粗體符號、行內或參照式連結。
- 複製 Markdown,或下載為
.md檔案。
範例
這段 HTML:
<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>
會轉換成以下 Markdown:
## Install
Run the **installer** and read the [guide](https://example.com).
- Windows
- macOS
小提示
- 從瀏覽器複製時,可以用檢視原始碼或開發者工具只複製文章元素的 HTML,避免把選單和頁尾也帶進結果。
- 參照式連結把長網址從內文移到結尾,Markdown 更容易閱讀和編輯。
- 內嵌的
data:圖片預設會被移除,因為它們可能長達數百 KB。需要時開啟對應選項保留。 - 反向轉換可以使用 Markdown 轉 HTML 工具,或在 Markdown 預覽工具中查看效果。
常見問題
› 哪些 HTML 元素會被轉換?
標題、段落、粗體、斜體、刪除線、連結、圖片、有序與無序清單(包括巢狀清單)、引用區塊、行內程式碼、帶語言的程式碼區塊、分隔線、換行和表格。表格會轉成 GitHub 風格(GFM)的 Markdown 表格。
› 腳本、樣式和頁面 head 怎麼處理?
直接刪除。script、style、noscript、template、svg、iframe 以及整個 head 區段都不會產生 Markdown,所以可以貼上整個網頁的原始碼,只取得其中可讀的內容。
› Markdown 無法表示的 HTML 會怎樣?
未知標籤會被拆除,保留其中的文字。class、行內樣式、id 等屬性會被捨棄,因為 Markdown 沒有對應語法。若 code 元素帶有 language-js 這類 class,程式碼區塊會保留語言標記。
› 為什麼有些字元前面加了反斜線?
原本會被當成 Markdown 格式的文字,例如以 1. 開頭的行或被星號包住的詞,會被跳脫,確保 Markdown 呈現結果和原 HTML 的文字一致。
› HTML 會上傳嗎?
不會。轉換在瀏覽器中以 JavaScript 的 HTML 剖析器完成,不會傳送到伺服器。