🔠
免費Markdown 表格產生器
視覺化編輯 Markdown 表格，支援每列獨立對齊。可從 CSV 或 TSV 匯入，複製 GitHub 風格 Markdown 輸出。
載入後可離線使用
從 CSV、TSV 或 Markdown 匯入
預覽
| 姓名 | 信箱 | 角色 |
|---|---|---|
| Alice | [email protected] | 管理員 |
| Bob | [email protected] | 編輯者 |
| Carol | [email protected] | 檢視者 |
| 姓名 | 信箱 | 角色 | | :---- | :---------------- | :-: | | Alice | [email protected] | 管理員 | | Bob | [email protected] | 編輯者 | | Carol | [email protected] | 檢視者 |
工作原理
此工具是完全在客戶端執行的 Markdown 表格編輯器，基於手寫 JavaScript 建立——不涉及第三方表格庫。它直接在瀏覽器中產生 GitHub Flavored Markdown 管道表格語法，即時填充列寬並新增每列對齊標記，還能將相同資料匯出為 HTML、CSV、JIRA wiki 標記或 reStructuredText 網格表格。
- 1在可視網格中編輯單元格每個表頭和單元格都是可編輯的輸入方塊。你輸入時，React 狀態更新會觸發 useMemo 立即重新執行產生器，因此每次按鍵輸出面板都會重新整理，沒有防抖延遲。
- 2產生器填充並跳脫 GFM 語法手寫的 generateMarkdown 函式測量每列的最大內容寬度，用空格填充每個單元格以對齊，產生帶 :--- / ---: / :---: 標記的分隔行，並將字面豎線跳脫為 \|、將換行轉為 br 元素，使表格在任何 Markdown 渲染器中都有效。
- 3匯入 CSV、TSV 或現有的 Markdown 表格貼上到匯入框會觸發手寫的 RFC 4180 CSV/TSV 解析器（lib/csv.ts），或自定義的 Markdown 表格解析器——後者按未跳脫的豎線拆分行，並從分隔行讀取對齊方式，讓你可以將現有表格重新匯入編輯器。
- 4以你需要的格式複製切換輸出格式標籤頁會重新執行相應的產生器（帶 style 屬性的 HTML、RFC 4180 CSV、帶 || 表頭的 JIRA wiki 標記，或帶 +---+ 邊框的 reStructuredText 網格表格），“複製”按鈕透過標準的 navigator.clipboard API 將結果寫入剪貼簿。