免費Markdown 轉 HTML 轉換器

工作原理

轉換完全由手寫的 Markdown 解析器在你的瀏覽器中完成——沒有第三方庫、沒有伺服器請求。解析器逐行遍歷源文字，先應用塊級規則（標題、列表、表格、圍欄程式碼），再用第二輪內聯正則處理粗體、斜體、連結、圖片和行內程式碼。

1. 1
   先解析塊結構

   解析器逐行讀取原始 Markdown，識別塊級結構：圍欄程式碼區塊（可選語言類）、ATX 標題（# 到 ######）、引用塊、有序和無序列表（包括 GFM 任務列表核取方塊）、帶列對齊的 GFM 表格、水平線，以及能正確連線軟換行續行的段落。
2. 2
   在每個塊內應用內聯模式

   每個塊的文字經過 HTML 跳脫後，parseInline() 中的正則鏈會轉換內聯語法：圖片和連結（帶 URL 協議白名單，會去除 javascript: 和 data: 連結）、**粗體**、*斜體*、~~刪除線~~ 和行內程式碼——按此優先順序處理。
3. 3
   帶預覽切換的即時 HTML 輸出

   HTML 字串在每次按鍵時透過 useMemo 重新計算，因此右側窗格會即時更新。一個開關可在原始 HTML 原始碼檢視和使用瀏覽器自身佈局引擎渲染的預覽之間切換。
4. 4
   包括富文字複製在內的三種輸出方式

   你可以複製原始 HTML 標記，下載帶 DOCTYPE 和 charset meta 標籤的完整獨立 .html 檔案，或使用“複製富文字”——它透過 Clipboard API 的 ClipboardItem 同時將 text/html 和 text/plain 兩種 MIME 型別寫入剪貼簿，因此格式化後的結果可以直接貼上到 Gmail、Google Docs 或 Word 中，無需額外步驟。

相關工具