線上 Markdown 編輯器 (支援導出PDF) - 實時預覽與自動保存

輕量級線上 Markdown 編輯器:左寫右預覽,支援 Mermaid 流程圖與常用模板,一鍵導出帶樣式的 PDF/HTML。瀏覽器自動保存,離線處理更安全。

點擊進入沉浸模式

你好 Markdown

模板中心

草稿已自動保存

如何使用

  1. 在左側編輯區輸入 Markdown。
  2. 右側實時查看渲染效果與大綱結構。
  3. 從模板中心插入表格/流程圖/會議紀要模板。
  4. 點擊導出:PDF / HTML / 下載 .md

核心功能

  • 實時預覽:編輯 Markdown 同步渲染 HTML。
  • Mermaid 支援:流程圖/時序圖等直接寫代碼生成。
  • 導出 PDF:保留排版與代碼塊效果,適合分享/打印。
  • 複製 HTML:將渲染結果一鍵複製到 CMS 或文檔。
  • 自動保存:LocalStorage 草稿保護,誤關不丟。
  • 隱私保護:內容本機保存,不上傳伺服器。

相關工具

計算邏輯

  • Markdown 渲染可基於 marked 或同類解析器。
  • 預覽樣式可使用 Typography(prose)提升可讀性。
  • PDF 導出可通過打印樣式 + window.print() 生成。

常見問題

  • 這個工具免費嗎?
    • 免費。
  • 資料安全嗎?會上傳我的文檔嗎?
    • 不會。文稿保存在瀏覽器本機(LocalStorage),不觸網。
  • 如何將 Markdown 導出爲排版精美的 PDF?
    • 點擊「導出 PDF」,系統會應用內置排版樣式並生成可打印版本。
  • PDF 導出是怎麼實現的?(技術原理)
    • 通常通過渲染 HTML + 打印 CSS,並調用瀏覽器打印能力生成 PDF(不同瀏覽器可能略有差異)。
  • 支援 Mermaid 嗎?
    • 支援,直接在文稿中寫 Mermaid 語法即可渲染。