Éditeur JSON

Vous ouvrez un fichier package.json, une configuration Docker, ou une réponse API, et deux lignes plus bas vous trouvez une accolade oubliée. Vous cherchez d’où elle sort en dépliant chaque niveau de parenthèses imbriquées. L’éditeur JSON vous signale le problème avant que vous ayez fini de le taper.

Pourquoi l’édition dans un navigateur change la donne

JSON est simple en apparence. Mais il est strict : une virgule de trop, un guillemet oublié, un crochet mal fermé suffit à tout casser. Un bloc-notes vous ignore les erreurs. Un IDE complet pèse lourd si vous avez juste trois champs à corriger. L’éditeur en ligne c’est le bon équilibre : assez intelligent pour vous signaler les problèmes, assez léger pour rester ouvert dans un onglet.

La coloration syntaxique fait ressortir la structure avant même que vous ayez fini de lire. Les erreurs s’affichent à la ligne exacte. Et quand vous avez terminé, formatage ou minification se font en un clic.

Ce que vous attendez d’un bon éditeur

• Coloration par type : clés en bleu, chaînes en vert, nombres en rouge, booléens en mauve
• Repérage des erreurs pendant que vous tapez, pas après
• Numéro de ligne pour chaque erreur détectée
• Fermeture automatique des accolades, crochets et guillemets
• Indentation qui se met à jour quand vous enfoncez Entrée
• Export du JSON formaté ou minifié

Limites de JSON qu’il faut connaître

JSON refuse les commentaires. Si vous voyez un fichier qu’on appelle JSON mais qui contient des # ou //, c’est soit du JSON5, soit du JSONC, et ce n’est pas du JSON conforme. Les navigateurs et les APIs le rejettent. Certains projets Node.js en acceptent, mais c’est une extension, pas la norme.

JSON non plus ne tolère les virgules traînantes. {"clé" : valeur,} cassera le parsing. C’est une erreur classique quand on copie du JSON d’un formulaire ou d’une console.

Types JSON décryptés

• Objet — Ensemble de paires clé-valeur entre accolades. {"nom" : "Alice"}. Les clés doivent toujours être entre guillemets doubles.
• Tableau — Liste ordonnée entre crochets. [1, 2, 3] ou [{...}, {...}] si elle contient des objets.
• Chaîne de caractères — Texte entre guillemets doubles. Accents, espaces et symboles sont autorisés. Les guillemets eux-mêmes doivent être échappés avec une barre oblique.
• Nombre — Entier ou décimal, sans guillemets. 42, -1, 3.14, ou notation scientifique 1e3.
• Booléen — true ou false, toujours minuscules, jamais entre guillemets.

Questions sur l’édition JSON en ligne