Aller au contenu principal

Générateur de tableaux Markdown — outil gratuit

Éditez visuellement des tableaux Markdown avec alignement par colonne. Importez depuis CSV ou TSV, copiez la sortie en Markdown compatible GitHub.

Fonctionne hors ligne une fois chargé
Importer depuis CSV, TSV ou Markdown
Aperçu
NomE-mailRôle
Alicealice@example.comAdmin
Bobbob@example.comÉditeur
Carolcarol@example.comLecteur
| Nom   | E-mail            |  Rôle   |
| :---- | :---------------- | :-----: |
| Alice | alice@example.com |  Admin  |
| Bob   | bob@example.com   | Éditeur |
| Carol | carol@example.com | Lecteur |

Utilisations courantes

  • Créer des tableaux pour les fichiers GitHub READMEGitHub rend nativement les tableaux Markdown. Créez visuellement des tableaux de comparaison de fonctionnalités, des références API ou des feuilles de route.
  • Tableaux de documentation et de référence APICréez des tableaux de paramètres, des références de codes de statut et des tableaux de définitions de champs pour la documentation API.
  • Créer des tableaux dans Obsidian / Notion / LogseqLes applications de prise de notes basées sur Markdown supportent toutes les tableaux. Créez plus rapidement ici qu'en texte brut.
  • Ajouter des tableaux aux articles de blogComparaisons de prix, matrices de fonctionnalités et tableaux de référence de didacticiels — Markdown est le moyen avec le moins de friction pour les ajouter.
  • Convertir CSV en tableau MarkdownCollez le CSV d'une feuille de calcul et obtenez un tableau Markdown prêt à coller dans des documents ou des notes.

Comment ça marche

Cet outil est un éditeur de tableau Markdown entièrement côté client construit sur du JavaScript écrit à la main — aucune bibliothèque de tableau tierce n'est impliquée. Il génère la syntaxe de tableau à barres GitHub Flavored Markdown directement dans le navigateur, avec un remplissage de largeur de colonne en direct et des marqueurs d'alignement par colonne, et peut aussi exporter les mêmes données en HTML, CSV, balisage wiki JIRA, ou tableaux de grille reStructuredText.

  1. 1
    Modifiez les cellules dans la grille visuelle
    Chaque en-tête et cellule est une saisie modifiable. Pendant que vous tapez, les mises à jour d'état React déclenchent un appel useMemo qui relance immédiatement le générateur, si bien que le panneau de résultat se rafraîchit à chaque frappe sans délai d'anti-rebond.
  2. 2
    Le générateur remplit et échappe la syntaxe GFM
    La fonction generateMarkdown écrite à la main mesure la largeur de contenu maximale de chaque colonne, remplit chaque cellule d'espaces pour l'alignement, produit la ligne de séparation avec les marqueurs :--- / ---: / :---:, et échappe les caractères barre verticale littéraux en \| et les sauts de ligne en élément br afin que le tableau reste valide dans n'importe quel moteur de rendu Markdown.
  3. 3
    Importez un CSV, TSV, ou un tableau Markdown existant
    Coller dans la zone d'import déclenche soit un analyseur CSV/TSV RFC 4180 écrit à la main (lib/csv.ts), soit un analyseur de tableau Markdown personnalisé qui découpe les lignes sur les barres verticales non échappées et lit l'alignement depuis la ligne de séparation, vous permettant de réimporter un tableau existant dans l'éditeur.
  4. 4
    Copiez dans le format dont vous avez besoin
    Changer l'onglet de format de sortie relance le générateur correspondant (HTML avec attributs de style, CSV RFC 4180, balisage wiki JIRA avec en-têtes ||, ou tableaux de grille reStructuredText avec bordures +---+) et le bouton Copier écrit le résultat dans le presse-papiers via l'API navigator.clipboard standard.

Outils associés

Questions fréquemment posées