Lumaktaw sa pangunahing nilalaman

Libreng Gumagawa ng Markdown Table

Biswal na i-edit ang mga Markdown table na may per-column na pagkakaayos. Mag-import mula sa CSV o TSV, kopyahin ang GitHub-flavored Markdown output.

Gumagana offline kapag na-load na
Mag-import mula sa CSV, TSV, o Markdown
Preview
PangalanEmailPapel
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comViewer
| Pangalan | Email             | Papel  |
| :------- | :---------------- | :----: |
| Alice    | alice@example.com | Admin  |
| Bob      | bob@example.com   | Editor |
| Carol    | carol@example.com | Viewer |

Mga karaniwang gamit

  • Bumuo ng mga Tabel para sa GitHub README fileAng GitHub ay nag-render ng Markdown tables nang native. Bumuo ng feature comparison table, API reference, o roadmap nang visual.
  • API at Reference Documentation TableBumuo ng parameter table, status code reference, at field-definition table para sa API docs.
  • Bumuo ng mga Tabel sa Obsidian / Notion / LogseqLahat ng Markdown-first note-taking apps ay sumusuporta sa mga tabel. Bumuo ng mga ito nang mas mabilis dito kaysa sa plain text.
  • Magdagdag ng mga Tabel sa Blog PostPricing comparison, feature matrix, at tutorial reference table β€” Markdown ay ang pinakamababang friction way upang idagdag ang mga ito.
  • I-convert ang CSV sa Markdown TableI-paste ang CSV mula sa spreadsheet, kunin ang Markdown table na handa nang i-paste sa docs o notes.

Paano ito Gumagana

Ang tool na ito ay ganap na client-side na Markdown table editor na binuo sa hand-written na JavaScript β€” walang third-party table library. Direktang gumagawa ito ng GitHub Flavored Markdown pipe-table syntax sa browser, na may live na padding ng lapad ng column at alignment marker bawat column, at puwede ring i-export ang parehong data bilang HTML, CSV, JIRA wiki markup, o reStructuredText grid table.

  1. 1
    I-edit ang mga cell sa visual na grid
    Ang bawat header at cell ay nae-edit na input. Habang nagta-type ka, nagti-trigger ang mga update sa React state ng useMemo call na agad nagpapatakbo ulit sa generator, kaya nare-refresh ang output panel sa bawat keystroke nang walang debounce delay.
  2. 2
    Pina-pad at ine-escape ng generator ang GFM syntax
    Sinusukat ng hand-written na generateMarkdown function ang pinakamalawak na laman ng bawat column, pina-pad ang bawat cell ng space para sa alignment, gumagawa ng separator row na may :--- / ---: / :---: marker, at ine-escape ang literal na pipe character bilang \| at newline bilang br element para manatiling wasto ang table sa anumang Markdown renderer.
  3. 3
    Mag-import ng CSV, TSV, o umiiral na Markdown table
    Ang pag-paste sa import box ay nagti-trigger ng hand-written na RFC 4180 CSV/TSV parser (lib/csv.ts) o custom na Markdown table parser na hinahati ang mga row sa mga hindi-escaped na pipe at binabasa ang alignment mula sa separator row, kaya maibabalik mo sa editor ang isang umiiral na table.
  4. 4
    Kopyahin sa format na kailangan mo
    Kapag nagpalit ng tab ng output format, pinapatakbo ulit ang katumbas na generator (HTML na may style attribute, RFC 4180 CSV, JIRA wiki-markup na may || header, o reStructuredText grid table na may +---+ border) at isinusulat ng Copy button ang resulta sa clipboard gamit ang karaniwang navigator.clipboard API.

Mga Kaugnay na Tool

Mga Madalas na Itanong