Formateador de JSON

Edita JSON a la izquierda, luego haz clic en Formatear, Minificar o convertir a XML/YAML para ver la salida a la derecha—usa el árbol y Copiar cuando necesites el texto.

Acerca de Formateador de JSON

El panel izquierdo es tu JSON en bruto: puedes editarlo libremente, pero nada se procesa hasta que pulses Formatear, Minificar, JSON a XML o JSON a YAML. Si JSON.parse falla, el panel derecho se limpia y ves el error; no hay salida a medias.

Formatear muestra un JsonTreeViewer plegable (JSON.stringify con sangría de 2 espacios). Minificar devuelve una sola línea con resaltado de sintaxis. XML y YAML salen como texto plano. Copiar exporta displayOutput según la vista activa (texto del árbol, línea minificada o cuerpo XML/YAML).

Qué puedes hacer

Cuatro acciones principales

  1. Formatear → vista en árbol (outputView = tree).
  2. Minificar → JSON en una línea resaltada (outputView = minified).
  3. JSON a XML / JSON a YAML → salida de texto (outputView = xml | yaml).
  4. Limpiar borra entrada, salida, estado del árbol y «expandir todo».

Opciones del árbol

Tras formatear, usa Expandir todo para abrir todos los nodos del JsonTreeViewer o colapsa a mano. El árbol refleja parsedValue, no el textarea sin parsear: edita a la izquierda y vuelve a formatear para refrescar.

Expandir todo en vista árbol

Después de formatear, Expandir todo abre de golpe todos los nodos. Copiar sigue exportando displayOutput: JSON legible con sangría de 2 espacios en modo árbol, la línea minificada resaltada en Minificar, o el texto XML/YAML en conversiones.

Casos de uso

Respuesta de API en una línea

Pega el cuerpo compacto de curl, formatea, expande status o data y copia si necesitas el texto bonito en otro lado: los valores coinciden con JSON.parse; solo cambia el espaciado.

Fixture → YAML para Helm o CI

Valida con Formatear y luego JSON a YAML. Revisa la sangría de arrays antes de pegar en values: las claves anidan y los arrays repiten ítems.

Preguntas frecuentes

¿Se formatea el JSON mientras escribo?
No. Editar la caja izquierda no actualiza la derecha hasta que pulses Formatear, Minificar o una conversión. Así evitas parsear JSON a medias.
¿Cómo embellezco JSON minificado?
Pega la cadena en una línea y pulsa Formatear. JSON.parse corre una vez; JSON.stringify(..., null, 2) alimenta el árbol. Números como 1.0 pueden normalizarse a 1: es semántica JSON estándar.
¿Qué falla la validación?
Comas finales, comentarios, comillas simples, NaN/Infinity o claves sin comillas: todo lo que JSON.parse rechace. Verás invalidJson (o emptyInput si está vacío), no basura formateada.
¿JSON5 o comas finales?
Este formateador usa solo JSON.parse: comas finales y comentarios fallan aquí. Usa la herramienta de reparar JSON de la misma sección para arreglar pegados sucios y vuelve a formatear o convertir.
¿Formatear vs minificar?
Mismo parse: Formatear usa sangría 2 para el texto del árbol; Minificar usa JSON.stringify sin espacios para la línea resaltada.
¿Cómo mapean XML y YAML?
Primero debe parsear bien. Las claves de objeto son etiquetas XML o campos YAML; los arrays repiten etiquetas o entradas de lista. Copia del panel de texto cuando la estructura se vea bien.