Vai al contenuto principale
LibraTool logoLibraTool

Generatore Tabelle Markdown gratis

Modifica visivamente tabelle Markdown con allineamento per colonna. Importa da CSV o TSV, copia l'output Markdown in stile GitHub.

Funziona offline una volta caricato
Importa da CSV, TSV o Markdown
Anteprima
NomeEmailRuolo
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comLettore
| Nome  | Email             |  Ruolo  |
| :---- | :---------------- | :-----: |
| Alice | alice@example.com |  Admin  |
| Bob   | bob@example.com   | Editor  |
| Carol | carol@example.com | Lettore |

Usi comuni

  • Costruisci Tabelle per i File README di GitHubGitHub renderizza nativamente le tabelle Markdown. Costruisci tabelle di confronto funzionalità, riferimenti API o roadmap visivamente.
  • Tabelle di Documentazione API e RiferimentoCostruisci tabelle di parametri, riferimenti codici di stato e tabelle di definizione di campi per documentazione API.
  • Costruisci Tabelle in Obsidian / Notion / LogseqLe app di note incentrate su Markdown supportano tutte le tabelle. Costruiscile più velocemente qui che in testo semplice.
  • Aggiungi Tabelle ai Post del BlogConfronti prezzi, matrici di funzionalità e tabelle di riferimento tutorial — Markdown è il modo a minor attrito per aggiungerle.
  • Converti CSV in Tabella MarkdownIncolla CSV da un foglio di calcolo, ottieni una tabella Markdown pronta da incollare in documentazione o note.

Come funziona

Questo strumento è un editor di tabelle Markdown completamente lato client costruito su JavaScript scritto a mano — nessuna libreria di tabelle di terze parti coinvolta. Genera sintassi di tabella pipe GitHub Flavored Markdown direttamente nel browser, con padding di larghezza colonna dal vivo e marcatori di allineamento per colonna, e può anche esportare gli stessi dati come HTML, CSV, markup wiki JIRA, o tabelle a griglia reStructuredText.

  1. 1
    Modifica le celle nella griglia visiva
    Ogni intestazione e cella è un input modificabile. Mentre digiti, gli aggiornamenti dello stato React attivano una chiamata useMemo che riesegue immediatamente il generatore, così il pannello di output si aggiorna a ogni pressione di tasto senza ritardo di debounce.
  2. 2
    Il generatore riempie e fa l'escape della sintassi GFM
    La funzione generateMarkdown scritta a mano misura la larghezza massima del contenuto di ogni colonna, riempie ogni cella con spazi per l'allineamento, produce la riga separatore con marcatori :--- / ---: / :---:, e fa l'escape dei caratteri pipe letterali come \| e degli a-capo come elemento br così la tabella rimane valida dentro qualsiasi renderer Markdown.
  3. 3
    Importa CSV, TSV, o una tabella Markdown esistente
    Incollare nella casella di importazione attiva sia un parser CSV/TSV RFC 4180 scritto a mano (lib/csv.ts) sia un parser di tabelle Markdown personalizzato che divide le righe su pipe senza escape e legge l'allineamento dalla riga separatore, permettendoti di riportare una tabella esistente di nuovo nell'editor.
  4. 4
    Copia nel formato di cui hai bisogno
    Cambiare la scheda del formato di output riesegue il generatore corrispondente (HTML con attributi di stile, CSV RFC 4180, markup wiki JIRA con intestazioni ||, o tabelle a griglia reStructuredText con bordi +---+) e il pulsante Copia scrive il risultato negli appunti tramite l'API navigator.clipboard standard.

Strumenti correlati

Domande frequenti