Vés al contingut principal

Generador de taules Markdown de franc

Edita taules Markdown visualment amb alineació per columna. Importa des de CSV o TSV, copia la sortida en Markdown de GitHub.

Funciona sense connexió un cop carregat
Importar des de CSV, TSV, o Markdown
Visualització prèvia
NomCorreu electrònicRol
Alicealice@example.comAdministrador
Bobbob@example.comEditor
Carolcarol@example.comObservador
| Nom   | Correu electrònic |      Rol      |
| :---- | :---------------- | :-----------: |
| Alice | alice@example.com | Administrador |
| Bob   | bob@example.com   |    Editor     |
| Carol | carol@example.com |  Observador   |

Usos habituals

  • Construir taules per a fitxers GitHub READMEGitHub representa nativament taules Markdown. Construïu taules de comparació de funcions, referències API o mapes de carreteres visualment.
  • Taules de referència API i documentacióConstruïu taules de paràmetres, referències de codi d'estat i taules de definició de camps per a la documentació de l'API.
  • Construir taules a Obsidian / Notion / LogseqTotes les aplicacions de notes Markdown-first suporten taules. Construïu-les més ràpidament aquí que en text pla.
  • Afegir taules a posts de blogComparacions de preus, matrius de funcions i taules de referència de tutoriales — Markdown és la manera amb menys fricció d'afegir-les.
  • Convertir CSV a taula MarkdownEnganxeu CSV d'una full de càlcul, obteniu una taula Markdown llista per enganxar a docs o notes.

Com funciona

Aquesta eina és un editor de taules de Markdown completament del costat del client construït sobre JavaScript escrit a mà — cap biblioteca de taules de tercers implicada. Genera sintaxi de taula amb canonades GitHub Flavored Markdown directament al navegador, amb reblit d'amplada de columna en directe i marcadors d'alineació per columna, i també pot exportar les mateixes dades com a HTML, CSV, marcatge wiki de JIRA, o taules de graella reStructuredText.

  1. 1
    Edita cel·les a la graella visual
    Cada capçalera i cel·la és una entrada editable. Mentre escrius, les actualitzacions d'estat de React disparen una crida useMemo que torna a executar el generador immediatament, així el panell de sortida es refresca a cada pulsació sense retard de rebot.
  2. 2
    El generador omple i escapa la sintaxi GFM
    La funció generateMarkdown escrita a mà mesura l'amplada màxima de contingut de cada columna, omple cada cel·la amb espais per a l'alineació, produeix la fila separadora amb marcadors :--- / ---: / :---:, i escapa els caràcters literals de canonada com \| i els salts de línia com a element br perquè la taula es mantingui vàlida dins de qualsevol renderitzador de Markdown.
  3. 3
    Importa CSV, TSV, o una taula de Markdown existent
    Enganxar a la caixa d'importació dispara o bé un analitzador CSV/TSV RFC 4180 escrit a mà (lib/csv.ts) o un analitzador personalitzat de taules de Markdown que divideix les files per canonades no escapades i llegeix l'alineació de la fila separadora, permetent-te reincorporar una taula existent a l'editor.
  4. 4
    Copia en el format que necessitis
    Canviar la pestanya de format de sortida torna a executar el generador corresponent (HTML amb atributs d'estil, CSV RFC 4180, marcatge wiki de JIRA amb capçaleres ||, o taules de graella reStructuredText amb vores +---+) i el botó Copia escriu el resultat al porta-retalls via l'API estàndard navigator.clipboard.

Eines relacionades

Preguntes freqüents