Dev Tools
純前端檔案不上傳

Markdown 編輯器(即時預覽)

左邊寫 Markdown,右邊**即時看到**渲染結果。支援 GFM(表格、任務清單、刪除線),輸出純 HTML 片段或含樣式的單檔 HTML。內容只在你瀏覽器內處理,**不上傳**。

·字88字元346列42標題5閱讀時間1 min

Markdown 編輯器示範

支援 粗體、斜體、刪除線、code,還有 連結。

列表

  • 項目一
  • 項目二
    • 子項目
  • 項目三
  1. 第一
  2. 第二
  3. 第三

程式碼

function hello() {
  return "world";
}

表格(GFM)

Header Value
A 1
B 2

引言

純前端 · 檔案不離開瀏覽器

任務清單:

  • 寫稿
  • 校稿
  • 發佈
›如何使用
  1. 左邊輸入 Markdown(或按 開檔 上傳 .md / .markdown、按 載入範例 看完整語法)。
  2. 右邊三種預覽:預覽(渲染後樣式)、HTML 原始(可直接複製貼進你的網頁)、目錄(自動抓出所有 # 標題)。
  3. 頂部即時顯示 字數、字元、列、標題、閱讀時間 統計。
  4. 輸出按鈕:複製 HTML 拿純片段、下載 .html 拿含樣式可獨立開啟的單檔。
Tips
  • GFM 全支援 — 表格、任務清單(- [x])、刪除線(~~text~~)、code fence、auto-link。
  • 換行轉
    開啟時,單一換行也算斷行(原本要兩個空格才會 break,符合很多人習慣)。
  • HTML 輸出已 DOMPurify 過濾 — 即便你的 Markdown 內含