Markdown 轉 HTML 轉換器 (CommonMark 子集)

貼上 Markdown 即時看到等價 HTML。適合部落格、文件、README。輸出是可貼入任何 CMS 或靜態站點的乾淨語義 HTML。

Markdown

HTML 輸出

<h1>Hello</h1>
<p>A <strong>bold</strong> statement and <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<p><a href="https://tools.appdevelopsk.com">Toolify</a></p>

顯示渲染預覽

Hello

A bold statement and italic text.

Item 1
Item 2

Toolify

運作原理

支援的語法

標題: # H1 到 ###### H6。列表: - / * / + 無序, 1. 2. 3. 有序。引用: 行首 >。程式碼塊: ``` 可選語言。內聯: **粗體**、*斜體*、`程式碼`、~~刪除~~、[連結](url)、![alt](圖片url)。水平線: ---、***或 ___。

我們實現 CommonMark 核心。表格、腳註、任務列表 (-[ ]) 暫不包含; 那些需求請在你的構建流水線用完整 CommonMark 或 GFM 庫。

使用場景

粘到 CMS 的快速轉換。多數 CMS 接受 HTML; 如果你用 Markdown 寫但編輯器不原生渲染, 先經本工具轉換。

文件生成: 把 README.md 轉 HTML 作專案落地頁。輸出乾淨到可在基本模板中包裝。

郵件撰寫: 許多郵件客戶端渲染 HTML 但不渲染 Markdown。用 Markdown 寫、轉換、貼上。

瀏覽器端轉換

所有轉換在你的瀏覽器執行。你的 Markdown — 可能含機密草稿、程式碼片段或筆記 — 絕不離開你的機器。無伺服器日誌, 無 AI 訓練資料, 僅確定性正則變換。

如果你需要 GFM 功能 (表格、任務列表、腳註), 在構建中用更完整的庫如 marked.js、markdown-it 或 remark。對多數簡單到中等的 Markdown, 本工具輸出足夠。

常見問題

›支援表格嗎?

暫不支援。表格是 GFM 擴充套件, 不是純 CommonMark。可能在未來版本新增。

›程式碼塊會語法高亮嗎?

我們給 <pre><code> 標籤加 class='language-X' 以便 Prism 或 highlight.js 之類高亮器風格化。HTML 本身無樣式 — 應用你自己的 CSS 或庫。

›輸出粘到任何地方都安全?

我們在程式碼塊和內聯程式碼中轉義 <、>、& 和 "。其他內容按原樣轉換。如果你粘使用者生成的 Markdown, 在注入頁面前清理輸出。

›為什麼我的強調顯示怪?

Markdown 強調巢狀複雜。* vs _ 與相鄰標點行為不同。CommonMark 規範精確; 如果我們的輸出偏離, 粘規範示例檢查。

›處理 Markdown 中的 HTML?

內聯 HTML 透傳 (這是 CommonMark 行為)。小心使用 — 不信任來源的惡意 HTML 會無變化透過。

›可以反向 HTML 轉 Markdown?

可以 — 見我們的 HTML 轉 Markdown 轉換器 (在相關工具中連結)。

›腳註呢?

未實現 (GFM 擴充套件)。複雜文件用 remark-gfm 等服務端庫。

›資料會上傳嗎?

不會。轉換在本地; 你的 Markdown 不傳送到任何地方。