Ugrás a fő tartalomra

Ingyenes Markdown-táblázatgenerátor

Szerkeszd vizuálisan a Markdown táblázatokat oszlonkénti igazítással. Importálj CSV-ből vagy TSV-ből, másold a GitHub-ízű Markdown kimenetet.

Betöltés után offline is működik
Importálás CSV, TSV vagy Markdown formátumból
Előnézet
NévE-mailSzerepkör
Alicealice@example.comAdmin
Bobbob@example.comSzerkesztő
Carolcarol@example.comMegtekintő
| Név   | E-mail            | Szerepkör  |
| :---- | :---------------- | :--------: |
| Alice | alice@example.com |   Admin    |
| Bob   | bob@example.com   | Szerkesztő |
| Carol | carol@example.com | Megtekintő |

Gyakori felhasználások

  • Táblázatok létrehozása GitHub README fájlokhozA GitHub natív módon jeleníti meg a Markdown táblázatokat. Vizuálisan hozzon létre funkció-összehasonlító táblázatokat, API-referenciákat vagy ütemterveket.
  • API és referencia dokumentációs táblázatokHozzon létre paraméter táblázatokat, állapotkód referenciákat és mezződefiniáló táblázatokat az API dokumentációhoz.
  • Táblázatok létrehozása Obsidian / Notion / Logseq programbanA Markdown-első jegyzetalkalmazások minden táblázatot támogatnak. Hozza létre gyorsabban itt, mint az egyszerű szövegben.
  • Táblázatok hozzáadása blogbejegyzésekhezÁrösszehasonlítások, funkciómátrixok és oktatóanyag-referencia táblázatok — a Markdown a legkisebb súrlódásos módja ezek hozzáadásának.
  • CSV konvertálása Markdown táblázatbaIlleszthsse be a CSV-t egy táblázatból, kapjon egy Markdown táblázatot, amely készen áll a dokumentumokba vagy jegyzetekbe való beillesztésre.

Hogyan működik

Ez az eszköz egy teljesen kliensoldali Markdown-táblázatszerkesztő, kézzel írt JavaScripttel — nincs benne külső táblázatkezelő könyvtár. Közvetlenül a böngészőben állítja elő a GitHub Flavored Markdown pipe-táblázat szintaxisát, élő oszlopszélesség-igazítással és oszloponkénti igazítási jelölőkkel, és ugyanazokat az adatokat HTML, CSV, JIRA wiki jelölés vagy reStructuredText rácstáblázat formájában is exportálhatja.

  1. 1
    Cellák szerkesztése a vizuális rácsban
    Minden fejléc és cella egy szerkeszthető beviteli mező. Gépelés közben a React állapot frissítése egy useMemo hívást vált ki, amely azonnal újrafuttatja a generátort, így a kimeneti panel minden billentyűleütésre frissül, késleltetés nélkül.
  2. 2
    A generátor kitölti és escape-eli a GFM szintaxist
    A kézzel írt generateMarkdown függvény megméri minden oszlop maximális tartalomszélességét, szóközökkel igazítja az egyes cellákat, előállítja az elválasztó sort a :--- / ---: / :---: jelölőkkel, és escape-eli a szó szerinti pipe karaktereket \|-ként, az újsorokat pedig br elemként, hogy a táblázat érvényes maradjon bármely Markdown-rendererben.
  3. 3
    CSV, TSV vagy meglévő Markdown-táblázat importálása
    Ha beillesztesz valamit az importmezőbe, az vagy egy kézzel írt RFC 4180 CSV/TSV elemzőt (lib/csv.ts) indít el, vagy egy egyedi Markdown-táblázat-elemzőt, amely az escapelés nélküli pipe karakterek mentén bontja a sorokat, és az elválasztó sorból olvassa ki az igazítást, így egy meglévő táblázatot vissza tudsz tölteni a szerkesztőbe.
  4. 4
    Másolás a szükséges formátumban
    A kimeneti formátum-fül váltása újrafuttatja a megfelelő generátort (HTML style attribútumokkal, RFC 4180 CSV, JIRA wiki jelölés || fejlécekkel, vagy reStructuredText rácstáblázat +---+ szegélyekkel), és a Másolás gomb a szabványos navigator.clipboard API-n keresztül írja az eredményt a vágólapra.

Kapcsolódó eszközök

Gyakran ismételt kérdések