ToolboxAgent

Markdown / HTML 互轉

在線 Markdown 與 HTML 互轉工具,支持安全預覽、源碼轉換和快速複製結果。

0 個字元

<空>

使用說明

  1. 1 輸入 Markdown 或 HTML 內容
  2. 2 選擇轉換方向並執行轉換
  3. 3 預覽渲染結果並複製輸出源碼

相關工具

關於此工具

Markdown/HTML 互轉工具支持雙向轉換:Markdown 轉 HTML 使用 marked 解析 CommonMark 標準語法,輸出經 DOMPurify 安全過濾的 HTML;HTML 轉 Markdown 使用 Turndown 將 HTML 標籤映射為對應 Markdown 語法,同時提供實時渲染預覽。

適用場景:將 Markdown 博客文章內容轉為 HTML 用於嵌入 CMS 頁面、檢查 Markdown 渲染後的實際效果、從舊版 HTML 內容遷移到 Markdown 格式博客系統、將 Markdown 內容生成 HTML 後直接嵌入郵件模板、對比轉換前後內容是否符合預期。

與其他轉換工具相比,這個工具的核心優勢是雙向轉換和實時預覽:你可以直接看到 Markdown 渲染後的視覺效果,並獲取對應的 HTML 源碼,也可以反向將 HTML 轉回 Markdown,滿足內容遷移的雙向需求。

常見問題

Markdown 轉 HTML 的輸出是完整 HTML 頁面還是 HTML 片段? +

輸出是 HTML 片段,不包含 <html>、<head>、<body> 等頁面結構標籤,只包含正文對應的 HTML 元素(如 <h1>、<p>、<ul> 等)。這種片段格式可以直接嵌入到現有網頁的 <body> 區域,或作為 CMS 系統的富文本字段內容使用。

輸出的 HTML 是安全的嗎,會有 XSS 風險嗎? +

工具輸出的 HTML 經過 DOMPurify 安全過濾,會移除 <script> 標籤、危險的事件屬性(如 onclick)和 javascript: 協議鏈接,防止 XSS 注入攻擊。如果你要將轉換結果直接渲染到用戶可見的網頁中,工具的安全過濾可以作為一道防線,但建議同時在服務端也進行內容過濾。

支持 GFM(GitHub Flavored Markdown)擴展語法嗎? +

marked 庫支持 GFM 擴展,包括:任務列表(- [x])、刪除線(~~text~~)、表格(| col1 | col2 |)、自動將 URL 識別為鏈接等。這些 GFM 特有語法都能正確轉換為對應 HTML。如果發現某個語法沒有正確渲染,檢查是否在工具設置中開啟了 GFM 模式。

Markdown 中的代碼塊語言高亮在 HTML 中能保留嗎? +

工具會在代碼塊對應的 HTML 中添加 class="language-python"(或對應語言名)等標識,但實際語法高亮需要在頁面引入 highlight.js、Prism.js 等代碼高亮庫才能顯示。工具本身輸出純 HTML 結構,不內聯高亮樣式。

HTML 轉 Markdown 時圖片鏈接會保留嗎? +

會。<img src="url" alt="描述"> 會被轉換為 Markdown 圖片語法 ![描述](url),圖片的 src 屬性(URL)和 alt 屬性(替代文字)都會保留在 Markdown 中。如果 alt 屬性為空,轉換結果是 ![](url),建議在 Markdown 中手動補充有意義的替代文字。