Markdown 轉 HTML
將 Markdown 語法轉換為完整 HTML 程式碼,即時預覽渲染結果,可複製 raw HTML,適合靜態網站與部落格撰寫
HTML output will appear here關於此工具
Markdown 是撰寫格式化純文字的首選輕量標記語言,廣泛用於 README 文件、部落格文章與技術文件。QuickKit 的 Markdown 轉 HTML 工具能即時將任何 Markdown 語法轉換為乾淨的語義化 HTML。你可以查看原始 HTML 程式碼並複製到專案中,或切換至預覽分頁查看渲染結果。此工具支援所有 CommonMark 規範語法,包含標題、粗體、斜體、清單、程式碼區塊、引用、表格與連結,所有處理均在瀏覽器本地執行。
功能特色
- ✓即時轉換 — 輸入時即時更新輸出,無需點擊轉換按鈕。
- ✓Raw HTML 輸出 — 查看由 Markdown 產生的確切 HTML 原始碼,可直接複製貼入任何 HTML 文件或範本。
- ✓渲染預覽 — 切換至預覽分頁,即可看到 HTML 在瀏覽器中的渲染效果。
- ✓CommonMark 支援 — 支援標題(#)、粗體(**)、斜體(*)、有序與無序清單、圍欄程式碼區塊、引用、行內程式碼與連結。
常見問題
- 支援哪些 Markdown 語法?
- 此工具使用 marked 函式庫,符合 CommonMark 規範,涵蓋標題、粗體、斜體、刪除線、連結、圖片、有序與無序清單、程式碼區塊(含語言提示)、引用、水平線與表格。
- 輸出的 HTML 可以直接用在網站上嗎?
- 可以,但若內容來自不可信的來源,在注入頁面前請先進行 XSS 過濾(sanitize),以避免安全風險。若是自己撰寫的可信內容,輸出的 HTML 可直接使用。
- 這個工具跟 Markdown 預覽器有什麼不同?
- 此工具同時提供兩種功能:Raw HTML 檢視(可查看並複製生成的程式碼)以及即時預覽。與純粹的預覽器不同,此工具的主要輸出是 HTML 原始碼。
延伸閱讀
- w3cCommonMark 規範
- wikipediaMarkdown — Wikipedia
- mdnmarked — GitHub