ToolboxAgent

Markdown 編輯器

在線 Markdown 編輯器,支持源碼編輯、實時預覽與 HTML 導出。

163 個字元

即時預覽

ToolboxAgent Markdown Editor

  • Supports real-time preview
  • Supports HTML export
  • Works completely in the browser

Edit this content to start writing.

163

字元數

8

行數

1

標題數

0

連結數

HTML 輸出

<h1>ToolboxAgent Markdown Editor</h1>
<ul>
<li>Supports <strong>real-time preview</strong></li>
<li>Supports <code>HTML export</code></li>
<li>Works completely in the browser</li>
</ul>
<blockquote>
<p>Edit this content to start writing.</p>
</blockquote>

使用說明

  1. 1 輸入或編輯 Markdown 內容
  2. 2 實時查看渲染預覽效果
  3. 3 複製 Markdown 或導出 HTML 結果

相關工具

關於此工具

在線 Markdown 編輯器提供左側源碼編輯、右側實時渲染預覽的雙欄界面,支持標準 Markdown 語法(標題、列表、代碼塊、表格、鏈接、圖片)並即時顯示渲染效果,同時可導出對應的 HTML 代碼。

適用於:起草技術文檔或 README、撰寫博客草稿並預覽排版效果、將 Markdown 內容轉換為 HTML 後發佈到 CMS 系統、檢查 Markdown 語法是否寫正確、臨時在線編寫和分享格式化文檔。

與本地 Typora 等編輯器相比,這個工具無需安裝,打開瀏覽器即用,適合在任意設備上臨時編寫。與純文本編輯器相比,實時預覽讓你立刻看到格式效果,避免發佈後才發現排版錯誤。

常見問題

支持哪些 Markdown 語法? +

支持 CommonMark 標準語法,包括:# 標題(H1-H6)、**粗體**、*斜體*、`代碼`、```代碼塊```、- 無序列表、1. 有序列表、> 引用、--- 分割線、[鏈接](url)、![圖片](url),以及 | 表格語法。GFM 擴展語法(任務列表、刪除線)部分支持。

內容會自動保存嗎? +

工具會將你正在編輯的內容保存在瀏覽器的 localStorage 中,刷新頁面後內容通常可以恢復。但清除瀏覽器緩存或使用無痕模式時內容不會保留。對於重要文檔,建議在離開前複製內容保存到本地文件或筆記工具中。

導出的 HTML 可以直接用在網頁上嗎? +

可以。導出的 HTML 是經過 DOMPurify 安全過濾的標準 HTML 片段,可以直接嵌入到網頁的 <body> 區域中使用。但它不包含 <html>、<head> 等完整頁面結構,也不包含 CSS 樣式,需要你自己在外部提供樣式表。

能在編輯器裡直接粘貼圖片嗎? +

Markdown 本身通過 URL 引用圖片(![alt](url)),不支持直接嵌入圖片二進制數據。如需在編輯器中顯示圖片,需要先將圖片上傳到圖床獲取 URL,再用 Markdown 圖片語法引用。在線編輯器通常不提供內置的圖片上傳功能。

Markdown 和 HTML 互轉有什麼區別,用哪個工具? +

Markdown 編輯器側重編寫和預覽體驗,適合內容創作場景。如果你的需求是純粹的格式轉換(把一段 Markdown 文本轉成 HTML 代碼,或把 HTML 轉成 Markdown),建議使用專用的 Markdown/HTML 互轉工具,功能更聚焦,支持批量粘貼轉換。