Markdown Editor

Markdown 編輯器

左邊寫 Markdown、右邊即時預覽。工具列快速格式化按鈕應有盡有。完全在瀏覽器端運算,內容絕不離開你的裝置。

不會。所有 Markdown 解析完全在瀏覽器內透過 marked 函式庫執行(輸出另以 DOMPurify 過濾 XSS)。你的內容絕不會被傳送、記錄或儲存。

CommonMark + GitHub Flavored Markdown (GFM):表格、待辦清單 ([x]、[ ])、刪除線 (~~)、自動連結、含語言標記的程式碼區塊(支援 190+ 種語言語法高亮)。

編輯器 0 字 · 0 字元
預覽

為什麼選擇 Markdown Editor?

乾淨、快速、即時預覽 — 內建所有常用 Markdown 擴充。

即時預覽

輸入時 HTML 即時更新,程式碼區塊含語法高亮,完整支援 GitHub Flavored Markdown。

分割或全螢幕檢視

可切換分割畫面(編輯器+預覽)、僅編輯器、或僅預覽。手機版自動調整為上下排列。

隱私優先

所有 Markdown 解析在瀏覽器內完成,內容絕不傳送或儲存到任何伺服器。

工具列與快速鍵

一鍵插入標題、粗體、斜體、程式碼、連結、引用、清單、表格、待辦。快捷鍵:Ctrl/⌘+B、I、K。

GitHub Flavored Markdown

支援表格、待辦清單、刪除線、三個反引號程式碼區塊、自動語言偵測(190+ 種語言的語法高亮)。

複製與下載

一鍵複製 Markdown 原始碼或 HTML 到剪貼簿,或下載為.md 檔案。

Markdown 編輯器怎麼運作

左邊編輯,右邊看 HTML — 即時、本地。

  1. 1

    輸入或貼上 Markdown

    左邊是純 textarea。貼上既有的 .md 檔或開始打字。標準鍵盤捷徑都有(⌘ B 粗體、⌘ I 斜體),也有工具列可加標題、清單、連結、code block、表格。

  2. 2

    Marked.js 渲染成 HTML

    每次按鍵都把輸入跑過 marked,業界驗證過的 CommonMark + GitHub Flavored Markdown parser。GFM 功能(待辦清單、表格、刪除線、自動連結)全支援。輸出經 DOMPurify 清理,移除任何嵌入的 script。

  3. 3

    語法高亮預覽

    渲染後的 HTML 中的 code block 用 highlight.js 處理,支援約 190 種語言。預覽窗格與編輯器同步捲動,讓你看到目前正在編輯段落的渲染結果。

  4. 4

    複製或下載

    可匯出原始 Markdown、渲染後 HTML,或單一自包含圖片(用 html-to-image 產 PNG)。三種輸出都在瀏覽器中產生 — 你的草稿從不接觸伺服器。

人們怎麼用

純瀏覽器編輯器勝出的真實工作流。

起草 README

打開編輯器,貼上你的專案描述,在 push 前看 GitHub 會怎麼渲染這個 README。不用 commit-and-revert 來預覽。

寫部落格文章

邊寫邊看即時預覽,可立即抓到 Markdown 錯誤 — 漏掉收尾括號、表格格式錯、標題層級跳級。省下「發布、看到爛、改、再發布」的來回。

離線筆記

頁面載入後,編輯器在飛機上或公司防火牆後都能用。草稿留在這個分頁;離開前小心存到別處,或先複製出來。

Markdown 轉乾淨 HTML

貼一篇長文 Markdown,複製渲染 HTML,貼到你的 CMS。通常比 CMS 內建的 Markdown 匯入器乾淨,後者偶爾會莫名其妙拿掉格式。

為什麼草稿值得隱私

草稿常含未潤飾的想法、內部產品名、客戶回饋、有 NDA 的素材。會自動存到雲端的線上編輯器把每次按鍵都變成 server log。iKit Markdown 編輯器根本沒有儲存 endpoint — 你的草稿只活在這個分頁。

  • 沒有自動儲存到伺服器、我方無草稿歷史。
  • 每次按鍵都在本地渲染 — 不會 debounce 後打 API。
  • 嵌入圖片保留為 Data URI 或你貼的外部 URL — 我們不代理。

相關教學

來自 iKit 部落格的深入教學與工具比較。

常見問題

我的內容會被傳送到伺服器嗎?

不會。所有 Markdown 解析完全在瀏覽器內透過 marked 函式庫執行(輸出另以 DOMPurify 過濾 XSS)。你的內容絕不會被傳送、記錄或儲存。

支援哪種 Markdown 方言?

CommonMark + GitHub Flavored Markdown (GFM):表格、待辦清單 ([x]、[ ])、刪除線 (~~)、自動連結、含語言標記的程式碼區塊(支援 190+ 種語言語法高亮)。

我的檔案會自動儲存嗎?

不會。本工具不會自動儲存。請使用「下載」按鈕把文件存為.md 檔案。由於伺服器端完全不儲存內容,重新整理頁面會遺失編輯內容。

有哪些快速鍵?

Ctrl/⌘+B 粗體、Ctrl/⌘+I 斜體、Ctrl/⌘+K 插入連結。Tab 鍵插入 4 個空格(或縮排選取的多行)。Shift+Tab 反向縮排。

可以貼上或拖放圖片嗎?

目前可以透過工具列插入圖片語法(![alt](url))。未實作直接貼上/拖放上傳圖片,因為圖片必須儲存在某處 — 這會違反本站隱私優先的設計原則。