Convertisseur HTML en JSON
Du HTML au XML, au CSV, au texte et au code
Ce convertisseur HTML en JSON transforme le balisage en arbre propre. Il écrit aussi du XML, du YAML, du CSV, du texte brut, des chaînes JavaScript et des chaînes PHP. Nous n'envoyons rien.
- GratuitPrix
- 9Sorties
- AucuneInscription
- AucuneEnvois
Convertisseur HTML en JSON
Transformez du HTML en JSON, XML, YAML, CSV, texte ou code, et l'inverse
- Éléments
- 0
- Attributs
- 0
- Taille
- 0 B
Prêt. Collez votre code et choisissez les formats.
Ce que fait pour vous un convertisseur HTML en JSON
Le HTML est fait pour les navigateurs, pas pour le travail sur les données. Il faut donc changer sa forme quand vous voulez son contenu dans un script, un tableur ou un appel d'API. Ainsi, c'est ce que fait cet outil.
D'abord, collez votre HTML. Ensuite, choisissez le format voulu. Le résultat apparaît pendant que vous tapez. JSON et YAML gardent tout l'arbre, XML donne un balisage propre, et CSV prend les lignes d'un tableau.
En effet, il écrit aussi du texte brut, une chaîne JavaScript et une chaîne PHP. De plus, il marche à l'envers. Collez une chaîne de code, et l'outil la retransforme en HTML.
Ensuite, vous pouvez utiliser le résultat partout. Chargez le JSON dans un script, collez le CSV dans une feuille ou mettez la chaîne dans votre code.
Tout s'exécute dans votre navigateur. Ainsi, votre balisage ne quitte jamais votre appareil. C'est important, car les pages contiennent souvent des noms, des e-mails et du texte privé.
Du HTML au JSON, balise par balise
De plus, d'abord, l'outil lit votre balisage et construit un arbre. Chaque balise devient un objet avec un nom de balise. Les attributs vont dans un objet attrs, et les balises imbriquées et le texte vont dans une liste children.
Ainsi, un lien devient un objet avec la balise a, un attribut href et le texte du lien comme enfant. L'arbre garde l'ordre de votre page, ce qui compte quand vous la reconstruisez plus tard.
De plus, le lecteur est tolérant. Par ailleurs, il ferme les balises que les navigateurs ferment, comme p, li et td. Il décode aussi les entités, donc une entité esperluette devient une simple esperluette.
Pour plus de détails, voir : HTML Living Standard.
Du HTML au CSV depuis un tableau
D'abord, beaucoup de pages gardent des données dans des tableaux. Collez la page, choisissez CSV ou TSV, et l'outil lit les lignes et les cellules. Si le HTML a plusieurs tableaux, une liste vous laisse en choisir un.
L'outil met entre guillemets une cellule qui contient une virgule ou un guillemet. Ainsi, le fichier s'ouvre proprement dans Excel et Sheets. D’ailleurs, les cellules d'en-tête deviennent la première ligne.
Ensuite, vous pouvez ouvrir le CSV dans un tableur ou le charger dans une base de données.
Du HTML au texte
Ensuite, le mode texte retire les balises et garde la mise en page. Les paragraphes et les titres reçoivent une ligne vide après eux. Les éléments de liste commencent par un tiret, et chaque ligne de tableau tient sur une ligne.
Ainsi, les scripts et les styles n'apparaissent jamais dans le texte. Si vous voulez les adresses des liens, activez l'option, et chaque adresse suit le texte de son lien entre parenthèses.
Du HTML aux chaînes JavaScript et PHP
Parfois, vous devez mettre un bloc de HTML dans du code. Ainsi, un guillemet ou un saut de ligne dans ce HTML peut casser la chaîne. L'outil l'échappe donc pour vous.
Pour JavaScript, vous pouvez choisir des guillemets simples, des guillemets doubles, un gabarit littéral ou une liste de lignes jointes. Pour PHP, vous pouvez choisir des guillemets simples, des guillemets doubles ou un bloc nowdoc.
D'une chaîne de code retour au HTML
L'inverse marche aussi. Collez un extrait JavaScript ou PHP avec une chaîne, et choisissez HTML comme cible. L'outil trouve les chaînes, les joint et retire les échappements.
De plus, il lit les guillemets simples, les guillemets doubles, les gabarits littéraux et les blocs nowdoc. Il comprend les échappements habituels, comme un saut de ligne, une tabulation, une barre oblique inverse et un code Unicode.
Sortie XML et YAML
En effet, la sortie XML respecte les règles. Les balises sans contenu se ferment seules, et l'outil met entre guillemets et échappe les valeurs d'attributs. Si votre HTML a plus d'une balise de premier niveau, l'outil ajoute une balise racine.
Ensuite, la sortie YAML reflète l'arbre JSON, avec les clés tag, attrs et children. Elle se lit facilement, et vous pouvez la coller dans un fichier de configuration.
Sûr par conception
L'outil lit votre HTML comme du texte et ne l'affiche jamais. Ainsi, un script dans le balisage ne peut pas s'exécuter. De plus, les scripts et les styles restent dehors par défaut, et vous pouvez garder leur texte si vous en avez besoin. Cela rend aussi l'outil sûr pour des pages auxquelles vous ne faites pas confiance.
Sur cette page
- L’outil
- Ce que fait pour vous un convertisseur HTML en JSON
- Utiliser le convertisseur HTML en JSON, pas à pas
- Ce que ce convertisseur HTML fait différemment
- Habitudes pour sortir des données du HTML
- Erreurs de conversion courantes que cet outil évite
- Questions fréquentes sur le convertisseur HTML en JSON
- Compagnons pratiques pour les données web
Continuer
Utiliser le convertisseur HTML en JSON, pas à pas
Quatre étapes vous mènent du balisage aux données.
- 1
Collez votre HTML
Collez-le, ouvrez un fichier ou essayez l'exemple.
- 2
Choisissez deux formats
Choisissez ce que vous avez et ce que vous voulez. Échangez-les d'un clic.
- 3
Réglez les options
Rognez les espaces, gardez les scripts, choisissez un tableau ou un style de chaîne.
- 4
Copiez ou enregistrez
Copiez le résultat, ou enregistrez-le avec le bon type de fichier.
Ce que ce convertisseur HTML fait différemment
Beaucoup de convertisseurs donnent une seule sortie. Celui-ci en donne neuf.
Neuf sorties
JSON, YAML, XML, CSV, TSV, texte, JavaScript, PHP et HTML.
Dans les deux sens
Retransformez des chaînes de code en HTML en une étape.
Lecteur tolérant
Il gère les balises de fin manquantes, les attributs lâches et les entités.
Du tableau au CSV
Choisissez n'importe quel tableau de la page et obtenez des lignes propres.
Les scripts restent dehors
L'outil n'exécute jamais le balisage et écarte les scripts par défaut.
Rien ne quitte votre onglet
Votre navigateur fait le travail. Nous ne voyons jamais votre HTML.
Habitudes pour sortir des données du HTML
Quelques habitudes gardent vos données propres.
- Collez seulement ce qu'il vous faut. Un petit bloc donne un résultat petit et clair.
- Choisissez le format selon le but. Utilisez JSON pour les scripts, CSV pour les tableaux et texte pour la lecture.
- Gardez l'option de rognage activée. Elle retire le texte vide entre les balises et garde l'arbre court.
- Vérifiez d'abord les tableaux. Assurez-vous que chaque ligne a le même nombre de cellules.
- Attention aux cellules fusionnées. Les cellules qui s'étendent sur plusieurs colonnes se lisent comme une seule cellule, donc vérifiez le résultat.
- Utilisez nowdoc ou les gabarits littéraux. Ils gardent lisible un long HTML dans le code.
- Ne faites pas confiance au code collé. Lisez le résultat comme des données seulement, et ne le collez jamais dans une page sans le vérifier.
- Pensez aux entités. L'outil décode les entités, donc une entité esperluette devient une simple esperluette dans le résultat.
- Testez avec un petit échantillon. Convertissez d'abord un bloc. Puis convertissez toute la page.
- Gardez l'original. L'outil ne modifie jamais votre source, mais une copie ne coûte rien.
- Attention aux données privées. Retirez les noms et les e-mails avant de partager un résultat.
Erreurs de conversion courantes que cet outil évite
Chacune abîme les données sans bruit. Le convertisseur vous en protège.
Guillemets de chaîne cassés
Par ailleurs, l'outil échappe les guillemets et les sauts de ligne avant que le HTML entre dans le code.
Entités perdues
L'outil décode les entités une seule fois, donc aucun double encodage ne se glisse.
Contenu de scripts dans les données
Les scripts et les styles restent dehors sauf si vous les demandez.
Virgules dans les cellules
L'outil met sans risque entre guillemets les cellules CSV avec virgules ou guillemets.
Balises de fin manquantes
Les paragraphes, les éléments de liste et les cellules ouverts se ferment comme un navigateur les ferme.
Envoi de pages privées
D’ailleurs, beaucoup de convertisseurs envoient votre HTML à un serveur. Celui-ci ne le fait jamais.
Questions fréquentes sur le convertisseur HTML en JSON
Ce convertisseur HTML en JSON est-il gratuit ?
Oui. Il ne coûte rien, ne demande aucun compte et n'a aucune limite. Il tourne dans votre navigateur, donc nous n'avons aucun coût de serveur à vous répercuter.
Mon HTML quitte-t-il mon appareil ?
Non. Votre navigateur lit le balisage et écrit le résultat. Rien n'atteint ce site, et nous ne gardons rien.
À quoi ressemble le JSON ?
Par ailleurs, chaque balise est un objet avec tag, attrs et children. Le texte se place dans la liste children sous forme de chaîne.
Peut-il convertir du HTML en CSV ?
Oui, pour les tableaux. Il lit chaque ligne et chaque cellule. D’ailleurs, s'il y a plusieurs tableaux, vous en choisissez un.
Et si mon HTML n'a pas de tableau ?
Alors les modes CSV et TSV affichent un message. Utilisez JSON, YAML ou texte pour un autre contenu.
Comment fonctionne le HTML en texte ?
Il retire les balises et garde les paragraphes, les titres, les éléments de liste et les lignes de tableau sur leurs propres lignes.
Peut-il garder les adresses des liens ?
Oui. Ainsi, activez l'option des liens, et chaque adresse suit le texte de son lien entre parenthèses.
Puis-je transformer du HTML en chaîne JavaScript ?
Oui. Choisissez JavaScript, puis des guillemets simples, des guillemets doubles, un gabarit littéral ou des lignes jointes.
Puis-je transformer du HTML en chaîne PHP ?
Oui. Choisissez PHP, puis des guillemets simples, des guillemets doubles ou un bloc nowdoc.
Peut-il retransformer une chaîne de code en HTML ?
Oui. Collez l'extrait JavaScript ou PHP, choisissez-le comme entrée, et choisissez HTML comme sortie.
Exécute-t-il les scripts de mon HTML ?
Non. L'outil lit seulement le balisage comme du texte. Il n'affiche et n'exécute rien.
Les scripts et les styles figurent-ils dans le résultat ?
Pas par défaut. En effet, activez Garder le contenu des scripts et des styles si vous en avez besoin.
Répare-t-il le HTML cassé ?
Il lit un balisage lâche comme le ferait un navigateur. Il ferme les paragraphes, les éléments de liste et les cellules ouverts.
Que deviennent les commentaires ?
L'outil écarte les commentaires HTML et le doctype, car ils ne contiennent aucune donnée.
Décode-t-il les entités ?
Oui. Une entité esperluette devient une esperluette. Le résultat l'échappe ensuite de nouveau là où le format l'exige.
Puis-je ouvrir un fichier ?
Oui. De plus, utilisez Ouvrir un fichier. L'outil choisit le type d'entrée d'après le nom du fichier.
Quelle taille de fichier puis-je utiliser ?
Quelques mégaoctets. Les très grandes pages peuvent se lire lentement sur un téléphone.
Peut-il lire une page web entière ?
Oui. Collez le code source de la page. Par ailleurs, l'outil lit le head et le body, et il saute les scripts et les styles par défaut.
Garde-t-il l'ordre des attributs ?
Oui. Les attributs gardent l'ordre dans lequel vous les avez écrits. Si un attribut se répète, le premier l'emporte.
Pourquoi y a-t-il une balise racine dans mon XML ?
Le XML a besoin d'une balise supérieure. C'est pourquoi l'outil ajoute une balise racine quand votre HTML en a plus d'une.
Fonctionne-t-il sur un téléphone ?
Oui. D’ailleurs, les panneaux s'empilent et les zones défilent. Pour un long balisage, un clavier reste plus confortable.
Compagnons pratiques pour les données web
Convertir n'est qu'une étape. Ces trois outils gèrent les étapes autour.
JSON en tableau HTML
Ainsi, transformez du JSON en tableau HTML propre.
Ouvrir l’outil →Convertisseur Markdown en HTML
Convertissez Markdown en HTML, et l'inverse.
Ouvrir l’outil →Convertisseur XML en JSON
Transformez XML en JSON propre et typé.
Ouvrir l’outil →
Prêt à convertir du HTML ?
Collez votre balisage, choisissez deux formats et copiez le résultat. De plus, le convertisseur est gratuit, sans compte, et garde chaque octet sur votre appareil.