Salt la conținutul principal
LibraTool logoLibraTool

Generator Tabele Markdown — gratuit

Editează vizual tabele Markdown cu aliniere pe coloană. Importă din CSV sau TSV, copiază ieșirea Markdown compatibilă cu GitHub.

Funcționează offline odată încărcat
Importă din CSV, TSV sau Markdown
Previzualizare
NumeE-mailRol
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comVizualizator
| Nume  | E-mail            |     Rol      |
| :---- | :---------------- | :----------: |
| Alice | alice@example.com |    Admin     |
| Bob   | bob@example.com   |    Editor    |
| Carol | carol@example.com | Vizualizator |

Utilizări frecvente

  • Construiți tabele pentru fișierele GitHub READMEGitHub redă tabele Markdown nativ. Construiți tabelele de comparare a caracteristicilor, referințe API sau hărți rutiere vizual.
  • Tabele de documentație API și referințăConstruiți tabele de parametri, referințe cod de stare și tabele de definiție câmp pentru documentația API.
  • Construiți tabele în Obsidian / Notion / LogseqAplicațiile de note centrate pe Markdown suportă toate tabelele. Construiți-le mai rapid aici decât în text simplu.
  • Adăugare tabele la postări de blogComparații de preț, matrice de funcții și tabele de referință tutorial — Markdown este modalitatea cu cea mai mică frecare de a le adăuga.
  • Convertiți CSV la tabel MarkdownLipiți CSV dintr-o foaie de calcul, obțineți un tabel Markdown gata de lipit în documente sau note.

Cum funcționează

Această unealtă este un editor de tabel Markdown complet client-side construit pe JavaScript scris manual — nicio bibliotecă de tabel terță parte implicată. Generează sintaxa de tabel cu bară verticală GitHub Flavored Markdown direct în browser, cu umplere live a lățimii coloanei și marcaje de aliniere per coloană, și poate de asemenea exporta aceleași date ca HTML, CSV, markup wiki JIRA, sau tabele grilă reStructuredText.

  1. 1
    Editează celule în grila vizuală
    Fiecare antet și celulă este o intrare editabilă. Pe măsură ce scrii, actualizările de stare React declanșează un apel useMemo care rerulează generatorul imediat, astfel încât panoul de ieșire se reîmprospătează la fiecare apăsare de tastă fără întârziere de debounce.
  2. 2
    Generatorul completează și escapă sintaxa GFM
    Funcția generateMarkdown scrisă manual măsoară lățimea maximă de conținut a fiecărei coloane, completează fiecare celulă cu spații pentru aliniere, produce rândul separator cu marcaje :--- / ---: / :---:, și escapează caracterele bară verticală literale ca \| și liniile noi ca element br, astfel încât tabelul rămâne valid în interiorul oricărui randor Markdown.
  3. 3
    Importă CSV, TSV, sau un tabel Markdown existent
    Lipirea în caseta de import declanșează fie un parser CSV/TSV RFC 4180 scris manual (lib/csv.ts), fie un parser de tabel Markdown personalizat care împarte rândurile pe bare verticale neescapate și citește alinierea din rândul separator, permițându-ți să reintroduci un tabel existent înapoi în editor.
  4. 4
    Copiază în formatul de care ai nevoie
    Comutarea filei de format de ieșire rerulează generatorul corespunzător (HTML cu atribute de stil, CSV RFC 4180, markup wiki JIRA cu antete ||, sau tabele grilă reStructuredText cu borduri +---+) și butonul Copiază scrie rezultatul în clipboard prin API-ul standard navigator.clipboard.

Instrumente similare

Întrebări frecvente