Markdown 轉 HTML
← ToolBox
/ Markdown 轉 HTML
🌙
首頁
‹
💻 IT開發
‹
Markdown 轉 HTML
📖 檢視「Markdown 轉 HTML使用指南」
📝 Markdown to HTML
Render Markdown to clean HTML in your browser with live preview — no upload, no server.
📐 工作原理與說明
按 CommonMark 規則將 Markdown 解析為 HTML:
#
標題、
**
粗體、
*
斜體、
[]()
連結、
-
列表、
`
行內程式碼、
|
表格等。前端解析器(如 marked)生成帶語義標籤的 HTML,可即時預覽。
直接插入 DOM 需防 XSS(對不可信輸入做消毒/沙箱)。
純前端轉換,貼上內容不離開瀏覽器。
Markdown 文本
# 标题 **加粗** 与 *斜体*,[链接](https://example.com) - 列表项一 - 列表项二 ```js console.log('hello'); ``` | 列一 | 列二 | |---|---| | A | B |
顯示 HTML 程式碼
輸出模式
計算
匯出明細 CSV
重置
📚 深度解析:Markdown 轉 HTML
💡 常見使用場景
預覽/釋出 Markdown 為網頁。
把文件轉成靜態頁釋出:先轉 HTML 再套模板,適合要自定義樣式的專案文件站。
轉換
`# 標題 - a - b` → `<h1>標題</h1><ul><li>a</li><li>b</li></ul>`。
❓ 常見問題(FAQ)
原始 HTML 會保留嗎?
取決於是否允許 HTML 透傳,預設常轉義。
轉換結果能直接放進頁面嗎?
結構可以,但要注意兩點:若 Markdown 來自使用者輸入,必須過濾(停用原始 HTML 或用白名單消毒),否則等於開放 XSS;另外 Markdown 不產生任何樣式,表格、程式碼塊與引用都需要你自己寫
CSS
才能正常顯示。
⚠️ 使用說明與注意事項
支援:#1-6 標題、**粗體**、*斜體*、`行內程式碼`
支援:- 無序列表、數字列表、> 引用、--- 分割線
支援:``` 程式碼塊、| 表格、[連結](url)
轉換純本地進行,文本不會上傳
🔗 相關工具
📄
.properties 解析器 - 免費開發工具,properties 解析器
.properties 解析器
✨
API 簽名生成器
生成帶時間戳與隨機數的介面簽名
✨
ASCII 目錄樹生成器 - 把路徑列表一鍵生成 ASCII 目錄樹(├── └──
ASCII 目錄樹生成器
💻
AST抽象語法樹檢視器 - AST(Abstract Syntax Tree
AST 抽象語法樹檢視器
🔤
Base64 檔案轉換 - 檔案與 Base64 互轉:圖片/文件/壓縮包轉
Base64 檔案轉換