Markdown 預覽器
左右並排即時編輯與預覽 Markdown。
Markdown 預覽器提供左右並排的編輯體驗：左側輸入 Markdown，右側即時顯示渲染、經過清理的 HTML 預覽——適合撰寫 README 檔案、文件，或任何 Markdown 內容，不需要安裝完整的編輯器。
預覽
使用指引
- 在左側輸入 Markdown。
- 右側會即時顯示渲染、消毒過的 HTML 預覽。
常見使用情境
- 在提交到版本庫前撰寫並預覽 README 檔案。
- 用 Markdown 起草文件並檢查格式是否正確。
- 撰寫支援 Markdown 格式的論壇或聊天訊息。
- 透過實驗與即時查看結果來學習 Markdown 語法。
✓內容與驗證流程複查: 2026-08-25
Markdown 預覽器 的驗證方法與判讀界線
如何確認預覽準確反映你的 Markdown 在其他地方會呈現的樣子。
預
沒有另外的「渲染」步驟——預覽面板會隨著你在編輯器中輸入持續更新，所以不用點擊任何東西就能一直看到目前的輸出。
輸出的 HTML 經過安全清理
渲染後的預覽會移除潛在危險內容，例如 script 標籤與行內事件處理器，即使你的 Markdown 中含有原始 HTML 也一樣——這表示某些嵌入 Markdown 中的進階 HTML，在這裡的呈現可能與沒有清理機制的系統不同。
不同系統的 Markdown 風格可能略有差異
不同平台（GitHub、論壇、聊天應用程式）有時支援稍微不同的 Markdown 擴充功能或語法細節——如果你是為特定平台撰寫，請對照確認任何特殊語法（如表格或註腳）在那裡確實渲染方式相同。
使用結果前的檢查清單
- 已檢視整份文件的即時預覽，而不只是部分內容。
- 了解預覽會為安全清理 HTML，這可能與其他地方沒有清理機制的渲染器不同。
- 如果是為特定平台撰寫，已確認任何進階語法（表格、註腳等）在那裡確實受支援。
- 如果目的地需要的是原始 Markdown 而非渲染後的 HTML，已複製 Markdown 原始碼。
適合誰使用
- 要在提交前撰寫並預覽 README 檔案的開發者。
- 要用 Markdown 起草文件、想邊寫邊檢查格式的人。
- 要為支援 Markdown 的論壇或聊天平台撰寫訊息的人。
- 要透過實作練習學習 Markdown 語法的人。
實際案例
撰寫專案 README
開發者在編輯器中撰寫新專案的 README，在提交檔案前用即時預覽檢查標題、程式碼區塊與連結是否正確渲染。
撰寫
有人起草一則較長的論壇回覆，含有標題與項目清單，用預覽確認發布前格式看起來正確。
學習 Markdown 語法
剛接觸 Markdown 的新手在編輯器中嘗試不同語法（粗體、連結、清單），透過觀察每次變更如何影響即時預覽來學習。
使用限制
- 輸出的 HTML 經過安全消毒處理，script 標籤與行內事件屬性會被移除。
常見問題
為什麼我嵌入的 HTML 沒有出現在預覽中？
預覽會為安全清理渲染後的輸出，移除 script 標籤與事件處理器——如果你嵌入了某些原始 HTML，特別是互動性內容，可能會被移除或渲染方式與沒有清理機制的渲染器不同。
這在 GitHub 或
對標準 Markdown 語法來說大致相同，但不同平台有時支援不同的擴充功能（如特定的表格格式或註腳）——如果需要完全一致，請對照目標平台檢查任何特殊語法。
我
如果你的目的地（如 GitHub 檔案或支援 Markdown 的聊天應用程式）需要原始 Markdown，請從編輯器面板複製 Markdown 原始碼——只有目的地明確需要 HTML 時才複製渲染後的 HTML。
我的 Markdown 內容
不會——編輯器與預覽都完全在你的瀏覽器中運作；不會上傳或儲存到任何伺服器。
🔒 在瀏覽器內處理，不會上傳。結果僅供參考，詳見 免責聲明。 最後更新: 2026-08-25
訂閱更新
新工具上線與實用技巧，第一時間寄到你的信箱。不塞廣告，隨時可退訂。