Hoppa till huvudinnehåll
LibraTool logoLibraTool

Gratis Markdown-tabellgenerator

Redigera visuellt Markdown-tabeller med justering per kolumn. Importera från CSV eller TSV, kopiera GitHub-smakad Markdown-utdata.

Fungerar offline när den väl lästs in
Importera från CSV, TSV eller Markdown
Förhandsgranskning
NamnE-postRoll
Alicealice@example.comAdmin
Bobbob@example.comRedaktör
Carolcarol@example.comLäsare
| Namn  | E-post            |   Roll   |
| :---- | :---------------- | :------: |
| Alice | alice@example.com |  Admin   |
| Bob   | bob@example.com   | Redaktör |
| Carol | carol@example.com |  Läsare  |

Vanliga användningar

  • Bygga tabeller för GitHub README-filerGitHub renderar Markdown-tabeller i egen regi. Bygg funktionsjämföringsmatriseer, API-referensörer eller färdplaner visuellt.
  • API och referensdokumentationstabellerBygg parametermatriseer, statuskodöversikter och fältdefinitionstabeller för API-dokumenter.
  • Bygga tabeller i Obsidian / Notion / LogseqMarkdown-först anteckningsappar stöder alla tabeller. Bygg dem snabbare här än i vanlig text.
  • Lägg till tabeller i blogginläggPrisjamlföringar, funktionsmatriser och handledningsöversiktsmatriseer — Markdown är det minsta friktionssättet att lägga till dem.
  • Konvertera CSV till Markdown-tabellKlistra in CSV från ett kalkylblad, få en Markdown-tabell som är klar att klistra in i dokument eller anteckningar.

Så här fungerar det

Det här verktyget är en helt klientsidesbaserad Markdown-tabellredigerare byggd på handskriven JavaScript — inget tredjeparts tabellbibliotek inblandat. Det genererar GitHub Flavored Markdown pipe-tabellsyntax direkt i webbläsaren, med levande kolumnbreddsutfyllnad och per-kolumn justeringsmarkörer, och kan också exportera samma data som HTML, CSV, JIRA wiki-uppmärkning eller reStructuredText-rutnätstabeller.

  1. 1
    Redigera celler i det visuella rutnätet
    Varje rubrik och cell är ett redigerbart inmatningsfält. Medan du skriver utlöser React-state-uppdateringar ett useMemo-anrop som kör om generatorn direkt, så att utdatapanelen uppdateras vid varje tangenttryckning utan fördröjning.
  2. 2
    Generatorn fyller ut och escapar GFM-syntax
    Den handskrivna generateMarkdown-funktionen mäter varje kolumns maximala innehållsbredd, fyller ut varje cell med mellanslag för justering, skapar avgränsarraden med markörerna :--- / ---: / :---:, och escapar bokstavliga pipe-tecken som \| och radbrytningar som br-element så att tabellen förblir giltig i vilken Markdown-renderare som helst.
  3. 3
    Importera CSV, TSV eller en befintlig Markdown-tabell
    Att klistra in i importrutan utlöser antingen en handskriven RFC 4180 CSV/TSV-tolk (lib/csv.ts) eller en anpassad Markdown-tabelltolk som delar upp rader på oescapade pipe-tecken och läser justering från avgränsarraden, vilket låter dig föra tillbaka en befintlig tabell in i redigeraren.
  4. 4
    Kopiera i det format du behöver
    Att växla utdataformatfliken kör om motsvarande generator (HTML med stilattribut, RFC 4180 CSV, JIRA wiki-uppmärkning med ||-rubriker, eller reStructuredText-rutnätstabeller med +---+-ramar) och Kopiera-knappen skriver resultatet till urklipp via standard-API:et navigator.clipboard.

Relaterade verktyg

Vanliga frågor