Markdown編輯器 - 即時預覽、線上匯出HTML

在並排編輯器中撰寫Markdown,立即查看預覽,再複製或下載乾淨的HTML——所有操作都在瀏覽器本機完成。

在左側輸入或貼上Markdown,右側會顯示轉換結果。你撰寫的內容不會上傳,編輯器完全在你的裝置上執行。

Markdown編輯器 - 即時預覽、線上匯出HTML
在並排編輯器中撰寫Markdown,立即查看預覽,再複製或下載乾淨的HTML——所有操作都在瀏覽器本機完成。
預覽
字數:0字元數:0

運作方式:原始文字由相容CommonMark的引擎解析(啟用表格、圍欄程式碼與刪除線),為安全起見停用原始HTML,預覽內容與可複製或下載的HTML完全一致。

關於線上Markdown編輯器

這款Markdown編輯器提供無干擾的寫作空間,旁邊就是即時預覽。將Markdown輸入或貼到原始文字面板,轉換結果會在每次按鍵後更新,讓你在發佈前精確看到標題、清單、連結、表格與程式碼區塊的樣子。所有操作都在瀏覽器本機完成:解析器在你的裝置上執行,不需帳號,你寫下的內容也不會上傳伺服器,因此適合私人筆記、內部文件與未發佈草稿。 預覽由相容CommonMark的轉換器提供,並支援多數作者期待的GitHub風格擴充。豎線分隔表格、圍欄程式碼區塊、雙波浪線刪除線、裸URL自動連結,以及智慧引號、破折號與省略號等排版替換都可直接使用。原始HTML在來源中會刻意停用,因此貼上的片段無法向預覽注入腳本或樣式——複製或下載的輸出是簡單、可預期的標記,在任何地方使用時表現一致。 文件完成後,你有多種匯出方式。複製HTML會將轉換後的標記放到剪貼簿,方便直接貼到CMS、電子郵件範本或靜態網站版型。下載HTML會將相同標記包裝成完整的獨立網頁,包含正確的文件類型、字元編碼與視窗配置宣告,可在任何瀏覽器開啟或交給同事。下載Markdown會將原始文字儲存為.md檔案,便於版本控制或稍後編輯;清除則一鍵重設整個工作區。 編輯器下方會顯示即時字數與字元數,寫作有長度限制時很方便,例如部落格導言、產品描述、README段落或會議摘要。由於計數器會忽略井號與豎線等純標點符號,數字反映讀者實際看到的文字,而不是周圍的標記。 編輯器刻意保持輕量,而非完整的發佈流程。它不會在裝置間同步文件,也不渲染LaTeX數學式或Mermaid圖表,不能直接匯出PDF和DOCX——這些工作請搭配專用轉換器。它專注的功能則能立即完成:快速、私密地撰寫Markdown,精確預覽並匯出乾淨HTML,免費且不需註冊。

Markdown編輯器範例

幾個常見片段,以及即時預覽會將它們轉換成什麼。

你輸入的Markdown預覽顯示的內容運作原因
## 發佈檢查清單二級標題開頭的1到6個#字元會產生h1到h6標題。
| 名稱 | 數量 | | --- | --- | | 筆 | 12 |含標題列的兩欄表格豎線加上短橫線分隔列會建立GitHub風格表格。
~~舊價格~~ $19新價格前的刪除線文字用雙波浪線包住文字即可加入刪除線。
今天造訪 https://example.com裸URL變成可點擊連結已啟用自動連結,不需尖括號即可辨識一般URL。

如何使用Markdown編輯器

  1. 在左側原始文字面板輸入或貼上Markdown——右側的轉換預覽會隨輸入更新。
  2. 如果寫作有長度限制,請查看編輯器下方的字數與字元數統計。
  3. 點擊「複製HTML」將轉換標記放入剪貼簿,或點擊「下載HTML」儲存完整的獨立網頁。
  4. 使用「下載Markdown」儲存原始.md檔案,「載入範例」查看示範文件,或點擊「清除」重新開始。

Markdown編輯器常見問題

我的文字會上傳到哪裡嗎?
不會。解析與預覽轉換完全在瀏覽器中透過頁面內JavaScript引擎執行。你的文字不會離開裝置,關閉分頁後內容也會丟棄,因此編輯器適合機密草稿。
編輯器支援哪些Markdown語法?
它遵循CommonMark,並支援常見的GitHub風格擴充:豎線表格、圍欄程式碼區塊、刪除線與裸URL自動連結。星號或底線強調、巢狀清單、引用與圖片也都能按預期轉換。
為什麼Markdown中的原始HTML沒有轉換?
原始HTML直通功能是特意關閉的。這能防止貼上的內容向預覽注入腳本或樣式(常見的XSS攻擊途徑),並保持匯出標記乾淨。請使用Markdown語法取代內嵌標籤。
如何將Markdown轉成完整網頁?
點擊「下載HTML」。編輯器會將轉換標記包裝成完整文件,並包含文件類型、字元集與視窗配置中繼資料,因此儲存的檔案不需額外處理即可在任何瀏覽器正確開啟。
可以把匯出的HTML貼到WordPress或電子郵件嗎?
可以。「複製HTML」提供不含外部樣式表或腳本的純語意標記,可乾淨地貼到CMS程式碼編輯器、電子郵件建立器與文件系統中。樣式會由目的地自己的主題提供。