Convertisseur de tableau HTML vers JSON/CSV

En quoi consiste cet outil ?

Les pages web présentent souvent des données dans un élément <table> HTML — une page de tarifs, une page de statistiques, un listing récupéré ailleurs — mais ce code n'est pas directement exploitable en programmation ou dans un tableur. Cet outil analyse le code <table> collé, lit la ligne d'en-tête (depuis <thead>/<th>, ou la première <tr> s'il n'y a pas de <thead>), associe les cellules de chaque ligne suivante à ces en-têtes, puis génère un tableau d'objets JSON ou un fichier CSV.

Il fonctionne aussi dans l'autre sens : collez un tableau d'objets JSON ou du texte CSV, et l'outil génère un tableau HTML correctement structuré, avec un <thead> pour les en-têtes de colonnes et un <tbody> pour les lignes de données, prêt à coller dans une page web ou un CMS.

Tout s'exécute avec le DOMParser natif du navigateur — aucun HTML n'est envoyé à un serveur, ce qui rend l'outil sûr pour du contenu collé contenant des données internes ou sensibles.

Source : la structure du tableau suit la définition de l'élément table du WHATWG HTML Living Standard.

Pourquoi l'utiliser ?

• Conversion dans les deux sens — tableau HTML vers JSON, tableau HTML vers CSV, et JSON/CSV vers du code de tableau HTML propre.
• Détection automatique des en-têtes — fonctionne avec du <thead>/<th> ou simplement une première <tr> utilisée comme ligne d'en-tête.
• Pas besoin de passer par un tableur au préalable — on va directement du code de tableau aux données structurées.
• Génère une sortie HTML correctement échappée, afin que les caractères spéciaux comme < et & dans vos données ne cassent pas le tableau.
• 100 % côté client — le HTML que vous collez (qui peut provenir d'une page interne ou d'un panneau d'administration) ne quitte jamais votre navigateur.

Mode d'emploi

1. Pour convertir un tableau HTML : collez le code <table>...</table> dans le premier champ, puis cliquez sur "Convertir en JSON" ou "Convertir en CSV".
2. Vérifiez le résultat, copiez-le ou cliquez sur le lien de téléchargement pour enregistrer le fichier.
3. Pour générer un tableau HTML : collez un tableau JSON ou du texte CSV dans le second champ.
4. Cliquez sur "Convertir en tableau HTML" et copiez le code généré dans votre page ou votre CMS.

Exemple

Entrée

<table><tr><th>name</th><th>age</th></tr><tr><td>Alice</td><td>30</td></tr></table>

Résultat

[{"name":"Alice","age":"30"}]

Les cellules de la première ligne deviennent les clés de l'objet ; chaque ligne suivante devient un élément du tableau, les valeurs étant lues comme du texte.

Astuces pratiques

• Extraire des données d'un tableau sur une page web : affichez le code source ou inspectez l'élément, copiez le code <table>...</table> et collez-le ici plutôt que de ressaisir les données à la main.
• Publier une réponse d'API sous forme de tableau lisible sur un site ou dans un CMS : collez le tableau JSON dans le second champ et copiez le HTML généré directement dans le bloc de texte enrichi ou HTML de votre page.
• Si un tableau utilise des <div> ou une grille CSS au lieu de véritables balises <table>, cet outil ne pourra pas l'analyser — la page source doit utiliser de vraies balises de tableau HTML.

Pourquoi la détection de l'en-tête compte

Un tableau sans ligne d'en-tête claire est ambigu — tout outil en aval doit savoir quelle ligne définit les noms de colonnes avant de pouvoir transformer le reste en enregistrements structurés. Cet outil lève cette ambiguïté de la même façon que les navigateurs et la plupart des scrapers : il cherche d'abord une section <thead> explicite, et ne se rabat sur la première ligne visible comme en-tête que si aucun <thead> n'est présent. Cela rend la conversion prévisible même pour du code de tableau écrit à la main ou récupéré ailleurs, qui saute les balises les plus sémantiques.

Foire aux questions