iLoveDevTool
返回 工具

HTML 轉 Markdown 轉換器

我的工具
暫無工具

載入中...

線上把 HTML 轉成 Markdown（貼上源碼實時轉換）

  1. 1

    貼上 HTML

    把 HTML 片段或網頁源碼貼上進輸入框（瀏覽器檢視源碼複製，或從開發者工具複製元素 outerHTML），也可點「填入示例」看複合結構效果。

  2. 2

    選擇轉換選項

    列表符號與強調風格按目標編輯器慣例選；不需要圖片或要逐行文字形態的表格時關對應開關——輸出實時更新。

  3. 3

    複製 Markdown

    一鍵複製結果，貼上進 Notion/Obsidian/靜態部落格；需要反向預覽 Markdown 渲染效果時用 Markdown 閱讀器工具。

功能概覽

HTML 轉 Markdown 線上工具：把 HTML 片段或網頁源碼轉成 Markdown，支援標題、巢狀列表（有序保留起始編號）、GFM 表格（對齊映射）、代碼塊（語言提取）、任務列表、圖片連結與強調格式；語法字元按位置轉義、代碼圍欄自動升級，全部在瀏覽器本地完成。

工具描述

免費線上 HTML 轉 Markdown 轉換器。貼上 HTML 源碼即時轉換：標題/強調/連結圖片、巢狀列表保留有序起始號、GFM 表格對齊、程式碼區塊語言擷取、任務清單；語法字元按位置轉義、程式碼圍欄自動升級，本機執行不上傳。

最近更新

能力清單

  • 全量標籤支持：h1-h6 標題、strong/em/del/code 強調、a 鏈接、img 圖片（可關）、pre 代碼塊（從 language-xxx class 提取語言）、blockquote 引用、hr、定義列表近似——覆蓋日常粘貼的絕大部分結構。
  • 列表深度還原：ul/ol 任意巢狀按兩空格縮進展開，有序列表保留 start 起始編號，任務列表複選框（li 首元素為 checkbox 時）轉 - [x] / - [ ]。
  • GFM 表格：表頭行 + 對齊分隔行（HTML align 屬性映射 :---/:---:/---:），可一鍵關閉退化為逐行單元格文字；單元格內豎線自動轉義。
  • 轉義規則完備：Markdown 語法字元按位置轉義（snake_case 詞中下劃線保留）、行首 #/-/數字. 等額外轉義防誤渲染、代碼塊內容含三反引號時圍欄自動升級為四反引號。
  • 可配置：列表符號（-/*/+)、強調風格（*/_）、保留圖片、GFM 表格四個開關；貼上實時轉換，資料不上傳（DOMParser 惰性解析，指令碼不執行）。

使用者回饋

提交的內容將在審核（必要時會做脫敏處理）後公開展示；請勿在內容中填寫電子郵件、密碼等個人資訊。

您的回饋幫助我們做得更好 ❤️

相關工具

線上 Markdown 檢視器

開啟 .md / README 檔案線上預覽，支援編輯、Mermaid 與數學公式

字母大小寫轉換器

英文大小寫在線轉換：UPPER、camelCase、snake_case 等 10 種模式

slug 生成器

標題轉 URL slug 在線生成��變音折疊、中文保留、逐行批量

相關指南

網頁正文提取為 Markdown：HTML 轉換的場景與規則

為什麼要手動把網頁內容變成 Markdown？這篇講清 HTML 轉 Markdown 的三類真實場景（筆記歸檔、部落格遷移、餵給大語言模型的乾淨素材），以及轉換器的核心規則：標題與強調怎麼映射、嵌套列表的縮排與有序起始號、GFM 表格的對齊、程式碼塊的語言提取與圍欄升級、語法字元為什麼要按位置轉義。附線上工具與 Markdown 生態的搭配用法。

常見問題

這個工具支持哪些 HTML 元素的轉換?
標題 h1-h6、��落、strong/b、em/i、del/s、行內 code、pre 代碼塊（language-xxx 提取）、a 鏈接、img 圖片、ul/ol 巢狀列表（有序保留 start 號）、任務列表複選框、GFM 表格、blockquote、hr、dl 定義列表近似。script/style/iframe/svg/button 等腳本與表單元素按安全規則丟棄；div/section/span 等包裝標籤只保留內容；內聯樣式與 class/id 不保留。
轉換中的特殊字符轉義規則是什麼?
Markdown 語法字符（反斜線/星號/方括號/下劃線/反引號）在文本位置按需轉義，snake_case 詞中間的下劃線保留不轉義；行首的 #、>、+、-、數字加點、! 額外轉義防止被渲染成標題或列表；左尖括號構成標籤樣式時輸出實體；表格單元格內的豎線轉義為 \|；pre/code 內容一律不轉義，但內容本身包含三反引號時圍欄會自動升級為四反引號以上。
任務列表複選框的判定規則是什麼?
列表項的首個元素子節點是 input[type=checkbox] 時才轉換為 - [x] 或 - [ ]（勾選狀態看 checked 屬性）；不在首位或被其他元素包裹的 checkbox 按表單控件規則丟棄、保留文字。有序列表編號取 ol 的 start 屬性加序號推算，僅支持十進制連���編號（type=a/i 羅馬字等樣式不支持）。
關閉 GFM 表格開關後的輸出形態是什麼?
關閉後表格輸出為逐行單元格文本（單元格以豎線兩側加空格連接），表頭行與列對齊信息不保留；需要表格結構時保持開關開啟輸出 GFM 表格（表頭 + 對齊分隔行 + 數據行）。對齊映射讀取的是 HTML 的 align 屬性——現代網頁的對齊多寫在 CSS class 裡，此類對齊不保證保留。
粘貼的 HTML 會在瀏覽器裡執行嗎?
不會。解析使用 DOMParser 的惰性文檔（腳本不執行、資源不加載），script/style/iframe 等元素在轉換時直接丟棄，img 的地址僅作為文本輸出。轉換全程在本地完成，內容不聯網不上傳。