Convertisseur de table HTML vers JSON

Collez une table HTML ou un extrait de page et convertissez chaque table en JSON et CSV dans votre navigateur. Le balisage que vous collez reste sur votre appareil.

Le convertisseur de table HTML vers JSON analyse le balisage que vous collez entièrement dans votre navigateur. Le HTML de la table et le JSON ou CSV qu'il produit restent sur votre appareil et ne sont jamais téléversés vers ArrayKit.

Ouvrir le formateur JSON

À propos de Table HTML vers JSON

Le convertisseur de table HTML vers JSON transforme toute <table> collée — ou un extrait de page entier qui en regorge — en un tableau JSON propre d'objets-lignes et un CSV correspondant. Chaque cellule d'en-tête devient une clé, de sorte qu'une ligne comme <td>Ada</td><td>Admin</td> se lit { "Name": "Ada", "Role": "Admin" }. Il comprend thead et tbody, utilise les cellules th comme en-têtes, synthétise des étiquettes column_1, column_2 quand une table n'en a pas, et déploie colspan et rowspan pour que chaque ligne s'aligne dans une grille rectangulaire. Quand le balisage contient plusieurs tables, vous pouvez basculer entre elles et copier chaque résultat séparément. Il est conçu pour récupérer un rapport, faire passer une fiche technique dans du code ou amorcer un jeu de test à partir d'une documentation. Le HTML que vous collez est analysé localement et ne quitte jamais votre appareil.

Fonctionnalités

Comment utiliser Table HTML vers JSON

  1. Collez une <table> HTML ou un extrait de page contenant une ou plusieurs tables
  2. Basculez entre JSON et CSV avec le sélecteur de format
  3. Si plusieurs tables ont été trouvées, choisissez-en une dans le sélecteur de table
  4. Copiez la sortie ou téléchargez-la sous forme de fichier .json ou .csv

Exemple

Entrée

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>

Sortie

[
  { "Name": "Ada", "Role": "Admin" },
  { "Name": "Linus", "Role": "Author" }
]

Les cellules <th> deviennent les clés de l'objet et chaque <tr> devient un objet-ligne.

Erreurs courantes et dépannage

Foire aux questions

Comment le convertisseur choisit-il les clés JSON dans ma table ?
Il utilise les cellules d'en-tête. Une ligne <thead>, ou une première ligne contenant des cellules <th>, fournit les clés. Chaque ligne suivante devient un objet dont les valeurs sont alignées sur ces en-têtes par position de colonne.
Qu'advient-il des cellules colspan et rowspan ?
Elles sont déployées en une grille dense. Une cellule colspan est répétée sur chaque colonne qu'elle couvre, et une cellule rowspan est reportée vers le bas dans chaque ligne qu'elle couvre, pour que chaque objet-ligne ait le même ensemble de clés.
Peut-il extraire plus d'une table d'un extrait de page ?
Oui. Collez un extrait entier et chaque <table> est extraite dans l'ordre du document. Un sélecteur de table vous permet de basculer entre elles et de copier le JSON ou le CSV de chaque table séparément.
Que se passe-t-il si ma table n'a pas de ligne d'en-tête ?
Quand il n'y a ni <thead> ni <th> dans la première ligne, l'outil synthétise des clés nommées column_1, column_2, etc., et traite chaque ligne comme des données au lieu de supprimer la première.
Produit-il aussi du CSV, pas seulement du JSON ?
Oui. Basculez le sélecteur de format sur CSV pour obtenir un export RFC 4180 où les valeurs contenant des virgules, guillemets ou sauts de ligne sont correctement mises entre guillemets. Vous pouvez le copier ou télécharger un fichier .csv.
Le HTML que je colle est-il téléversé quelque part ?
Non. Le balisage est analysé dans votre navigateur avec l'analyseur DOM standard et le JSON et le CSV résultants sont construits sur votre appareil. La table collée n'est jamais envoyée à un serveur.

Outils associés

Tous les outils ArrayKit