MUTools

文字

Markdown 編輯器

Markdown 編輯器是一款可以邊寫 Markdown 邊即時預覽的線上工具。在左側編輯區輸入內容的同時,右側預覽會即時更新,讓你一邊確認語法與排版一邊有效率地完成文件,不需要按任何「轉換」按鈕。

顯示模式
預覽

輸入 Markdown 後,這裡會顯示預覽。

字元數

0

字數

0

行數

0

預估閱讀時間

約 0 分鐘

HTML 輸出

輸入內容全部在瀏覽器內處理,不會傳送至伺服器。草稿僅自動儲存在你的裝置(瀏覽器)中。

Markdown 編輯器是什麼?

Markdown 編輯器是一款可以邊寫 Markdown 邊即時預覽的線上工具。在左側編輯區輸入內容的同時,右側預覽會即時更新,讓你一邊確認語法與排版一邊有效率地完成文件,不需要按任何「轉換」按鈕。

工具支援 GitHub 風格 Markdown(GFM):標題、項目符號與編號清單、引用、連結、圖片,以及表格、附核取方塊的任務清單、刪除線和程式碼區塊語法高亮。即使還不熟悉 Markdown 語法,也可以透過格式工具列一鍵插入粗體、標題、連結、表格等。

你輸入的內容會在「HTML 輸出」區即時轉換為 HTML,可直接複製貼到部落格、CMS 或郵件內文,也可以下載為 HTML 檔案。因此它同時也是一款 Markdown 轉 HTML 的線上工具。

輸入內容與轉換結果全部在你的瀏覽器中處理,不會傳送到伺服器。草稿會自動儲存在瀏覽器(localStorage)中,即使關閉頁面,下次開啟也能繼續編輯。整理會議記錄、草稿或含機密的文字都很安心,全程在瀏覽器中完成。

使用方法

  1. 在左側「Markdown 輸入」區輸入或貼上 Markdown,右側預覽會即時更新。
  2. 不確定語法時,可使用輸入區上方的格式工具列,一鍵插入粗體、標題、連結、清單、表格、程式碼等。
  3. 透過「顯示模式」在「編輯」「分割」「預覽」之間切換。分割時編輯區與預覽會同步捲動。
  4. 在「HTML 輸出」區點選「複製 HTML」或「下載 HTML」,即可取得轉換後的程式碼用於貼上。
  5. 點選「範例」載入語法範例,點選「清除」清空輸入。草稿會自動儲存在瀏覽器中。

使用情境

  • 用 Markdown 撰寫部落格文章、README 或文件,同時透過即時預覽確認顯示效果。
  • 將 Markdown 轉 HTML,直接貼到 CMS、郵件或部落格的 HTML 編輯模式中。
  • 在撰寫時即時查看 GitHub、Notion 等平台使用的表格與任務清單的顯示效果。
  • 學習 Markdown 語法時,對照輸入與顯示結果進行練習。
  • 快速整理離線草稿或會議記錄,並匯出為可直接使用的 HTML。

注意事項

  • 支援 GitHub 風格 Markdown(GFM):表格、任務清單、刪除線以及 URL 自動轉連結。
  • 程式碼區塊會依照語言進行語法高亮顯示(僅在預覽中)。
  • 為了安全,直接寫在 Markdown 中的 HTML 標籤(如 <div>、<script>)會以純文字顯示,不會被渲染。
  • 「HTML 輸出」是內文部分的 HTML 片段,適合貼在 <body> 元素內使用。
  • 草稿僅自動儲存在你的瀏覽器(localStorage)中,不會同步到其他裝置或瀏覽器。
  • 預估閱讀時間以及字元數、字數、行數皆為估算值。對於中文等語言,以 1 個字 = 1 個詞進行概算。

常見問題

輸入的 Markdown 會被傳送到伺服器嗎?
不會。編輯、預覽與 HTML 轉換全部在你的瀏覽器中完成,整理含機密的文字也很安心。
可以把 Markdown 轉 HTML 並複製嗎?
可以。輸入的 Markdown 會在「HTML 輸出」區即時轉換,點選「複製 HTML」即可複製到剪貼簿,點選「下載 HTML」可儲存為 HTML 檔案。
可以建立表格與任務清單嗎?
可以。由於支援 GitHub 風格 Markdown,「| 標題 | 標題 |」形式的表格與「- [ ] 任務」形式的核取方塊清單都能正常顯示。也可以透過工具列的「表格」按鈕插入範本。
寫在 Markdown 裡的 HTML 會被渲染嗎?
不會。為了安全,直接寫在 Markdown 中的 HTML 標籤會以純文字顯示而不會渲染。只有 Markdown 語法會反映到預覽與 HTML 輸出中。
寫的內容會被儲存嗎?
草稿會自動儲存在你的瀏覽器(localStorage)中,下次開啟時自動還原。儲存位置僅限本裝置,不會傳送到伺服器或其他裝置。點選「清除」可清空內容。