Přeskočit na hlavní obsah

Generátor tabulek v Markdownu zdarma

Vizuálně upravujte tabulky v Markdownu se zarovnáním pro každý sloupec. Importujte z CSV nebo TSV, kopírujte výstup v Markdownu pro GitHub.

Funguje offline po načtení
Importovat z CSV, TSV nebo Markdownu
Náhled
JménoE-mailRole
Alicealice@example.comSprávce
Bobbob@example.comEditor
Carolcarol@example.comProhlížející
| Jméno | E-mail            |     Role     |
| :---- | :---------------- | :----------: |
| Alice | alice@example.com |   Správce    |
| Bob   | bob@example.com   |    Editor    |
| Carol | carol@example.com | Prohlížející |

Běžná použití

  • Vytvořte tabulky pro soubory GitHub READMEGitHub vykresluje tabulky Markdown nativně. Vytvářejte porovnávací tabulky funkcí, referenční API nebo plány cesty vizuálně.
  • Tabulky dokumentace API a referenceVytvořte tabulky parametrů, reference stavových kódů a definice polí pro dokumentaci API.
  • Vytvořte tabulky v Obsidian / Notion / LogseqAplikace pro poznámky zaměřené na Markdown všechny podporují tabulky. Vytvářejte je rychleji zde než v prostém textu.
  • Přidejte tabulky do příspěvků na bloguPorovnání cen, matice funkcí a referenční tabulky kurzů — Markdown je způsob s nejmenší třením k jejich přidání.
  • Převeďte CSV na tabulku MarkdownVložte CSV z tabulky, získejte tabulku Markdown připravenou k vložení do dokumentů nebo poznámek.

Jak to funguje

Tento nástroj je plně klientský editor tabulek Markdown postavený na ručně napsaném JavaScriptu — nezapojuje se žádná knihovna tabulek třetí strany. Generuje syntaxi tabulek se svislítky GitHub Flavored Markdown přímo v prohlížeči, s živým doplňováním šířky sloupců a značkami zarovnání pro každý sloupec, a umí totéž exportovat jako HTML, CSV, wiki značení JIRA nebo mřížkové tabulky reStructuredText.

  1. 1
    Upravujte buňky ve vizuální mřížce
    Každé záhlaví a buňka je editovatelný vstup. Jak píšete, aktualizace stavu Reactu spouští volání useMemo, které okamžitě znovu spustí generátor, takže se výstupní panel obnovuje při každém stisku klávesy bez zpoždění.
  2. 2
    Generátor doplňuje a escapuje syntaxi GFM
    Ručně napsaná funkce generateMarkdown měří maximální šířku obsahu každého sloupce, doplňuje každou buňku mezerami kvůli zarovnání, vytváří oddělovací řádek se značkami :--- / ---: / :---: a escapuje doslovné znaky svislítka jako \| a nové řádky jako prvek br, takže tabulka zůstává platná v jakémkoli vykreslovači Markdownu.
  3. 3
    Import CSV, TSV nebo existující tabulky Markdown
    Vložení do importního pole spustí buď ručně napsaný parser CSV/TSV podle RFC 4180 (lib/csv.ts), nebo vlastní parser tabulek Markdown, který rozdělí řádky podle neescapovaných svislítek a čte zarovnání z oddělovacího řádku, což umožňuje vrátit existující tabulku zpět do editoru.
  4. 4
    Kopírujte ve formátu, který potřebujete
    Přepnutí karty výstupního formátu znovu spustí odpovídající generátor (HTML se stylovými atributy, CSV podle RFC 4180, wiki značení JIRA se záhlavím ||, nebo mřížkové tabulky reStructuredText s ohraničením +---+) a tlačítko Kopírovat zapíše výsledek do schránky přes standardní navigator.clipboard API.

Související nástroje

Časté dotazy