Editar y Formatear JSON Online

Un JSON sin sangría ni resaltado, todo en una sola línea, es difícil de leer y de corregir. Esta herramienta te permite abrir, editar, dar formato y guardar un fichero JSON directamente en el navegador, usando el editor de código abierto jsoneditor (de Jos de Jong, versión 9.1.0), sin instalar nada.

Para qué sirve

• Abrir un JSON y revisarlo como texto con resaltado o como árbol de nodos.
• Detectar errores de sintaxis (coma de más, comillas simples, clave sin comillas) antes de usarlo en tu código.
• Dar formato (sangría) a un JSON o compactarlo en una sola línea con un botón.
• Ordenar, filtrar o transformar el contenido, y buscar un valor dentro de un JSON grande.
• Editar valores o la propia estructura, con deshacer y rehacer por si te equivocas.
• Crear un JSON desde cero y guardarlo como fichero .json.

Dos paneles, seis modos de trabajo

La pantalla muestra dos paneles sincronizados: lo que cambias en uno se refleja en el otro. El izquierdo arranca en modo code (texto con resaltado y validación de sintaxis) y el derecho en modo tree (árbol editable); ambos pueden cambiar a cualquiera de estos seis modos:

• code: el JSON como texto, con resaltado y aviso de errores.
• text: el JSON como texto plano, sin resaltado.
• tree: árbol totalmente editable, para añadir, mover o borrar claves y valores.
• form: árbol donde sólo se editan los valores, sin tocar la estructura.
• view: árbol de sólo lectura, para inspeccionar sin riesgo.
• preview: vista de texto de sólo lectura pensada para documentos grandes.

Los botones de cada modo

La barra de herramientas cambia según el modo:

• Formatear (Ctrl+\) añade sangría y saltos de línea; Compactar (Ctrl+Shift+\) lo deja en una sola línea. Ambos en modo código.
• Ordenar contenido y Filtrar, ordenar o transformar contenido: en modo código y en modo árbol.
• Reparar JSON (modo código): intenta corregir errores típicos, ver el siguiente apartado.
• Deshacer (Ctrl+Z) y Rehacer (Ctrl+Shift+Z): en ambos modos.
• Expandir todo y Contraer todo, y un cuadro de búsqueda con salto al resultado siguiente o anterior: en modo árbol.

Cómo crear, editar y guardar un fichero JSON

1. Escribe o pega tu JSON en el panel izquierdo, o pulsa el botón de cargar para abrir un fichero desde tu ordenador (se lee en el navegador y se coloca en los dos paneles).
2. Comprueba el panel derecho en modo árbol: al estar sincronizado, cada cambio aparece automáticamente en el otro panel.
3. Si sólo quieres cambiar valores, usa el modo form; para revisar sin editar, usa view o preview.
4. Dale formato con Formatear, déjalo en una sola línea con Compactar o corrige errores típicos con Reparar JSON; Deshacer revierte cualquier cambio.
5. Pulsa el botón de guardar, escribe un nombre de fichero (si no termina en .json se le añade solo) y descárgalo.

Errores de sintaxis más comunes

Un JSON válido sigue una gramática estricta (RFC 8259):

• Coma final: {"nombre": "Ana",} — hay que quitar esa última coma.
• Comillas simples: {'nombre': 'Ana'} debe ser {"nombre": "Ana"}.
• Claves sin comillas: {nombre: "Ana"} — toda clave va entre comillas dobles.
• Comentarios: // esto no vale — JSON no admite comentarios, ni con // ni con /* */.

Reparar JSON intenta corregir automáticamente comillas y caracteres de escape mal puestos, quitar comentarios y notación JSONP, y convertir un objeto JavaScript en JSON válido, aunque no garantiza arreglar cualquier error: conviene revisar el resultado. Si tu JSON incluye una marca de tiempo Unix o un token con una parte en Base64url (como un JWT), puedes revisarlo aparte con el conversor de marcas de tiempo Unix o el decodificador de Base64.

Privacidad

El JSON que pegas, cargas o editas no sale de tu navegador: la página no envía su contenido a ningún servidor. Todo ocurre en tu propio ordenador, así que puedes trabajar con datos que prefieres no subir a ningún sitio.