Transformez le markup d’une page web en JSON prêt pour scripts, API et jeux de test
Les données dont vous avez besoin sont souvent déjà sur la page — dans un `<table>`, enfouies dans un aperçu CMS ou dans un export HTML sauvegardé depuis un portail fournisseur. Ce qui manque, c’est un JSON propre : un tableau d’objets pour un handler fetch, un bloc de config pour des fixtures, ou des lignes structurées pour un seed de base de données. Copier le texte depuis la fenêtre du navigateur mène rarement au but. En-têtes et cellules se mélangent, les fusions disparaissent, et vous finissez par assembler des objets à la main dans un éditeur. Un flux HTML en JSON doit vous laisser vérifier la structure avant de copier la moindre accolade. L’outil tourne en local dans votre onglet. Collez le HTML à gauche, voyez la grille et la sortie JSON se mettre à jour à droite, corrigez une cellule ou le markup source si quelque chose cloche, puis copiez ou téléchargez le `.json`. Pas de file d’upload, pas de compte — votre markup ne quitte pas la machine. Utile quand la page contient des noms de clients, des tarifs internes ou des fiches produit non publiées.
Un convertisseur HTML en JSON pensé pour les tableaux et les pages entières
Le HTML réel est rarement un seul tableau parfait. Parfois c’est une grille tarifaire avec des en-têtes `colspan` ; parfois une fiche produit dont vous voulez à la fois la liste à puces et le tableau de specs dans un seul JSON. Les deux cas sont couverts ici — sans changer d’outil. **Extraction de tableaux** lit le markup sémantique `<table>` et construit une vraie matrice : `<th>` et `<td>` tombent dans des colonnes distinctes, et `colspan` / `rowspan` apparaissent comme cellules fusionnées dans l’aperçu pour voir comment les lignes de synthèse seront aplaties en JSON. **Extraction du texte intégral** parcourt titres, paragraphes et éléments de liste, place chaque bloc sur sa propre ligne en une colonne, tout en développant les tableaux intégrés en lignes multi-colonnes. À utiliser quand la page est surtout du texte avec un tableau au milieu, ou quand vous voulez du contenu lisible et des données tabulaires dans le même export. Côté sortie, activez **Première ligne en clés** si la ligne d’en-tête doit devenir des noms de propriété et que vous avez besoin d’un tableau d’objets plutôt que d’un tableau imbriqué de chaînes. **Mise en forme** garde l’onglet « Formaté » lisible pour la revue de code ; « Minifié » réduit la taille quand le payload sera compressé de toute façon.
La plupart des convertisseurs upload-only masquent l’étape d’analyse. Vous envoyez un fichier, recevez du JSON, et ce n’est qu’en le collant dans Postman que vous voyez une colonne décalée. Ici l’éditeur HTML, l’aperçu de grille et le panneau JSON partagent le même écran. Une ligne est fausse ? Cliquez la cellule dans la grille et corrigez. La structure est fausse — `<thead>` manquant, `div` enveloppant en trop, balise cassée — ? Passez à l’onglet HTML et éditez le markup sur place ; l’aperçu se rafraîchit au fil de la saisie. Plusieurs tableaux de premier niveau dans un collage deviennent des feuilles distinctes dans la barre d’outils. Contrôlez chaque bloc, choisissez la feuille voulue, copiez ou téléchargez le JSON. Besoin de repasser en markup plus tard ? Excel vers HTML dans le menu de conversion suit le même principe d’aperçu d’abord, dans l’autre sens.
Essayer le convertisseurMode tableau et mode texte intégral
Extrayez des grilles `<table>` pour des données structurées, ou parcourez toute la page pour du contenu mixte — sans changer d’outil.
Modifier le HTML ou les cellules avant l’export
Corrigez les balises dans le panneau source ou les valeurs dans la grille ; le JSON copié correspond à ce que vous avez vérifié à l’écran.
JSON formaté avec clés d’objet
Mappage optionnel en-tête vers clés et sortie mise en forme, plus vue minifiée pour un payload compact.
Ce que ce convertisseur HTML en JSON fait différemment
Un poste de travail — HTML en entrée, JSON structuré en sortie — avec un aperçu fiable avant de copier.
Voir les données avant qu’elles deviennent du JSON
Le JSON ne pardonne pas : une colonne décalée et chaque objet porte de mauvais noms de champ. L’aperçu de grille sert à lire les en-têtes, parcourir les colonnes chiffrées et repérer une ligne dupliquée pendant que le HTML est encore ouvert à côté. Le collage est un flux de premier choix. Les développeurs ont souvent déjà le fragment — dans les DevTools, un export sauvegardé, un modèle d’e-mail, une capture Storybook. Importez `.html` ou `.htm` quand le fichier dépasse le presse-papiers ; dans les deux cas l’analyse reste dans le navigateur. Quand l’aperçu convient, ouvrez **Options JSON** pour mapper la première ligne en clés ou garder un simple tableau 2D. L’onglet « Formaté » affiche une sortie indentée pour relecture ; « Minifié » supprime les espaces pour les payloads que vous compresserez de toute façon. Copiez dans le presse-papiers ou téléchargez le `.json` — mêmes données, le transfert qui vous arrange.
Comment convertir HTML en JSON
Coller ou importer votre HTML
Placez le markup dans l’éditeur de gauche — le plus souvent depuis le presse-papiers. Pour une page enregistrée, utilisez Importer pour un `.html` ou `.htm`. Choisissez **Extraction de tableaux** quand les données sont dans des balises `<table>` ; **Extraction du texte intégral** quand titres, paragraphes et tableaux sont mélangés.
Contrôler la grille et corriger
Le panneau de droite montre les lignes qui deviendront du JSON. Vérifiez en-têtes, chiffres et bandes fusionnées. Plusieurs tableaux dans le HTML ? Choisissez la feuille dans la barre. Valeur incorrecte ? Cliquez la cellule. Structure incorrecte ? Passez à l’onglet HTML et éditez le markup sur place — la grille se met à jour pendant la saisie.
Configurer les options JSON
Ouvrez **Options JSON** dans la barre d’outils. Activez **Première ligne en clés** si vous voulez un tableau d’objets avec des champs nommés. Activez **Mise en forme** pour une sortie lisible dans l’onglet « Formaté », ou consultez « Minifié » pour une chaîne compacte.
Copier ou télécharger
Utilisez **Copier le JSON** pour un passage rapide vers votre éditeur ou Postman. Cliquez **Télécharger .json** si vous voulez le fichier sur disque — le nom reprend celui de l’import. Besoin de HTML plus tard ? Excel vers HTML dans le menu de conversion pour le retour.
HTML en JSON : questions avant l’export
Votre prochain fragment HTML en JSON prêt à l’emploi
Collez, vérifiez la grille, modifiez markup ou cellules, copiez ou téléchargez — sans saisir des objets à la main.
HTML en JSON
- Extraction de tableaux et du texte intégral dans un seul outil
- Modifier le HTML sur place ou corriger les valeurs dans la grille d’aperçu
- Première ligne en clés et JSON mis en forme
- Copier ou télécharger le `.json` depuis la barre d’outils
Besoin du markup inverse ? Excel vers HTML dans le menu de conversion.
Moins de montage manuel d’objets
Extrayez des données structurées du markup web avec un aperçu vérifiable avant que le JSON ne quitte le navigateur.