Markdown / HTML 互轉
在線 Markdown 與 HTML 互轉工具,支持安全預覽、源碼轉換和快速複製結果。
0 個字元
<空>
使用說明
- 1 輸入 Markdown 或 HTML 內容
- 2 選擇轉換方向並執行轉換
- 3 預覽渲染結果並複製輸出源碼
相關工具
CSV / JSON 互轉
在線 CSV 與 JSON 互轉工具,支持表頭解析、數組對象格式化和結果複製。
CSV轉Excel
在線CSV轉Excel工具,上傳CSV文件後解析並生成可下載的 .xlsx 文件
Excel轉CSV
在線Excel轉CSV工具,支持上傳 .xlsx/.xls 文件並導出為CSV文本,使用SheetJS解析
Excel轉JSON
在線Excel轉JSON工具,上傳Excel文件後解析為JSON對象數組(首行為鍵)
HTML轉Markdown
在線HTML轉Markdown工具,使用TurndownService解析HTML並輸出標準Markdown格式
圖片轉PDF
在線圖片轉PDF工具,支持多張圖片按順序生成PDF,每張圖片一頁,純瀏覽器端處理
JSON轉CSV
在線JSON轉CSV工具,支持嵌套對象展平、自動生成表頭,正確處理逗號、引號和換行。
JSON轉Excel
在線JSON轉Excel工具,粘貼JSON數組後生成可下載的 .xlsx 文件,自動提取字段作為表頭
PDF轉圖片
在線將 PDF 每一頁渲染為高清 PNG 圖片,支持逐頁下載,全部在瀏覽器內完成。
關於此工具
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 圖片語法 ,圖片的 src 屬性(URL)和 alt 屬性(替代文字)都會保留在 Markdown 中。如果 alt 屬性為空,轉換結果是 ,建議在 Markdown 中手動補充有意義的替代文字。