JSON vers HTML — convertisseur en ligne gratuit

Collez du JSON et obtenez du HTML. Tout s’exécute dans votre navigateur et rien n’est envoyé à un serveur.

Chargement…
Tableaux et listes HTML à partir de JSON pour les aperçus et les courriels
Écrit le JSON en fragment HTML de tableaux et de listes, à coller dans un aperçu, un courriel ou une page de documentation.

Notes pour les développeurs

Un objet devient un tableau avec une ligne par clé. Un tableau d’objets devient un tableau dont la ligne d’en-tête regroupe toutes les clés. Une liste de valeurs simples devient une liste ul. Les objets et les tableaux imbriqués deviennent des tableaux ou des listes dans la cellule. Un objet à une seule clé, comme { "rows": [...] }, est d’abord déballé : le tableau commence aux données. La sortie est un fragment, pas un document HTML complet, et chaque valeur est échappée.

Cas d’usage

Afficher la réponse d’une API sous forme de tableau dans un ticket ou un courriel. Transformer un petit export JSON en tableau pour une page de documentation. Voir comment se lit un payload imbriqué avant de construire le vrai gabarit.

À propos des options

CSV sortie : séparateur (Auto suit la locale — point-virgule sur /fr), guillemets, fins de ligne, ligne d'en-tête. CSV entrée : délimiteur détecté automatiquement sur la première ligne (virgule, point-virgule, tabulation ou pipe) — bascule « première ligne = noms de colonnes ». Sortie JSON (sources XML, YAML ou CSV) : indentation compacte ou non et tri récursif optionnel. JSON → XML : mise en forme et largeur. YAML sortie : indent, mode lisible/serré, quotage déterministe. Les commentaires XML ne sont pas repris dans l’arbre JSON.

Exemples

Objet avec un objet imbriqué et une liste

Entrée

{ "title": "FastMinify", "hero": { "headline": "Developer tools in your browser", "cta": "Open tools hub" }, "features": ["minify", "convert", "encode"] }

Sortie

<table> <tbody> <tr> <th>title</th> <td>FastMinify</td> </tr> <tr> <th>hero</th> <td> <table> <tbody> <tr> <th>headline</th> <td>Developer tools in your browser</td> </tr> <tr> <th>cta</th> <td>Open tools hub</td> </tr> </tbody> </table> </td> </tr> <tr> <th>features</th> <td> <ul> <li>minify</li> <li>convert</li> <li>encode</li> </ul> </td> </tr> </tbody> </table>

Tableau d’objets en table

Entrée

[ {"id": 1, "name": "Neo"}, {"id": 2, "name": "Trin"} ]

Sortie

<table> <thead> <tr> <th>id</th> <th>name</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Neo</td> </tr> <tr> <td>2</td> <td>Trin</td> </tr> </tbody> </table>

Outils associés

Les autres convertisseurs qui prennent du JSON en entrée sont liés sur cette page.

FAQ JSON → HTML

Construction du HTML

Comment un objet à une seule clé est-il traité ?

Une enveloppe comme { "rows": [...] } est déballée, donc le tableau montre les lignes et non la clé d’enveloppe.

Le HTML est-il échappé ?

Oui. Les caractères &, < et > présents dans les valeurs sont remplacés par leurs entités HTML, donc le texte ne peut pas ajouter de balisage.

Que devient une valeur null ?

Une valeur null donne une cellule vide.

Mes données sont-elles envoyées à un serveur ?

Non. La conversion s’exécute dans votre navigateur, et FastMinify ne reçoit jamais ce que vous collez.

JSON

Convertissez JSON vers YAML, XML, CSV, TOML, TSV, SQL, HTML, Properties et INI — dans le navigateur.

Autres familles de convertisseurs

Découvrez les autres catégories d'outils