Gå til hovedindhold

Gratis Markdown-tabelgenerator

Rediger Markdown-tabeller visuelt med justering per kolonne. Importer fra CSV eller TSV, kopiér GitHub-formateret Markdown-output.

Virker offline, når den er indlæst
Importer fra CSV, TSV eller Markdown
Forhåndsvisning
NavnE-mailRolle
Alicealice@example.comAdmin
Bobbob@example.comRedaktør
Carolcarol@example.comLæser
| Navn  | E-mail            |  Rolle   |
| :---- | :---------------- | :------: |
| Alice | alice@example.com |  Admin   |
| Bob   | bob@example.com   | Redaktør |
| Carol | carol@example.com |  Læser   |

Almindelige anvendelser

  • Byg tabeller til GitHub README-filerGitHub gengiver Markdown-tabeller indebygd. Byg funktionssammenligninger, API-referencer eller køreplan visuelt.
  • API og referencedokumentationstabellerByg parametertabeller, statuskodereferencers og feltdefinitionstabeller til API-dokumenter.
  • Byg tabeller i Obsidian / Notion / LogseqMarkdown-først noteapps understøtter alle tabeller. Byg dem hurtigere her end i almindelig tekst.
  • Tilføj tabeller til blogindlægPrissammenligninger, funktionsmatricer og tutorial-referencetabeller — Markdown er den mindste-friktionsmåde at tilføje dem.
  • Konverter CSV til Markdown-tabelIndsæt CSV fra et regneark, få en Markdown-tabel klar til indsætning i dokumenter eller noter.

Sådan fungerer det

Værktøjet er en Markdown-tabeleditor, der kører helt på klientsiden, bygget på håndskrevet JavaScript — uden tredjeparts tabelbibliotek. Det genererer GitHub Flavored Markdown-tabelsyntaks med lodrette streger direkte i browseren, med live udfyldning af kolonnebredder og justeringsmarkører pr. kolonne, og kan også eksportere de samme data som HTML, CSV, JIRA-wikimarkup eller reStructuredText-gittertabeller.

  1. 1
    Redigér celler i det visuelle gitter
    Hver overskrift og celle er et redigerbart felt. Mens du skriver, udløser opdateringer i React-state et useMemo-kald, der straks kører generatoren igen, så outputpanelet opdateres ved hvert tastetryk uden forsinkelse.
  2. 2
    Generatoren udfylder og escaper GFM-syntaks
    Den håndskrevne generateMarkdown-funktion måler hver kolonnes maksimale indholdsbredde, udfylder hver celle med mellemrum til justering, laver skillerækken med markørerne :--- / ---: / :---: og escaper bogstavelige lodrette streger som \| og linjeskift som br-element, så tabellen forbliver gyldig i enhver Markdown-renderer.
  3. 3
    Importér CSV, TSV eller en eksisterende Markdown-tabel
    Indsættelse i importfeltet udløser enten en håndskrevet RFC 4180 CSV/TSV-parser (lib/csv.ts) eller en egen Markdown-tabelparser, der deler rækker ved lodrette streger, som ikke er escapet, og læser justeringen fra skillerækken, så du kan hente en eksisterende tabel tilbage i editoren.
  4. 4
    Kopiér i det format, du har brug for
    Skift af fanen for outputformat kører den tilsvarende generator (HTML med style-attributter, RFC 4180 CSV, JIRA-wikimarkup med ||-overskrifter eller reStructuredText-gittertabeller med +---+-kanter), og Kopiér-knappen skriver resultatet til udklipsholderen via det almindelige navigator.clipboard API.

Relaterede værktøjer

Ofte stillede spørgsmål