楓葉工具箱 ToolMaple

Markdown 預覽

即時 Markdown 編輯與預覽，支援 GFM（表格、刪除線、checkbox、code block）。寫部落格、README、技術文件、Notion 草稿必備。純前端、所有內容不上傳。

  • Markdown 預覽
  • Markdown 編輯器
  • GFM
  • README
  • markdown to html
  • md 轉 html

你好，Markdown

這是 粗體、斜體、刪除線、inline code。

列表

  • 項目一
  • 項目二
    • 巢狀
  • 項目三

編號

  1. 第一
  2. 第二
  3. 第三

Code Block

function hello(name: string) {
  console.log(`Hello, ${name}!`)
}

表格

工具 用途
BMI 健康
QR Code 生活

引用

這是引用區塊
多行也可以

連結與圖片

楓葉工具箱

Checkbox

  • 已完成
  • 待辦

支援的語法

  • 標題 1-6 級（# ## ### …）
  • 粗體、*斜體*、~~刪除線~~、`inline code`
  • 無序與有序列表、巢狀
  • 表格（GFM）含對齊
  • 程式碼區塊（含語言提示）
  • 引用（>）
  • 連結 [text](url)、圖片 ![alt](src)
  • 水平線（---）
  • Checkbox（- [x] / - [ ]）
  • 自動辨識 URL（GFM autolink）
  • 換行轉 br（breaks: true）

使用情境

  • GitHub README / Issue / PR 描述預覽
  • Notion / Obsidian 草稿轉發到不支援 Markdown 的平台
  • 部落格文章寫作（Hashnode、Dev.to、Medium）
  • 技術文件、API 文檔起稿
  • 快速產生格式化 HTML

隱私說明

本工具用 marked 函式庫在你的瀏覽器內解析、產生 HTML，內容絕不傳到任何伺服器。可放心寫敏感的內部文件或還未發表的文章。

相關工具