Editar JSON
El editor de JSON ofrece un entorno de edición de doble superficie sincronizado, con una vista de árbol interactiva y un editor de texto monoespaciado en vivo. Permite manipular nodos en línea, añadir, renombrar y eliminar claves, reordenar arrays, navegar por el historial de deshacer y rehacer, y buscar propiedades con JSONPath, con validación continua de la sintaxis según el RFC 8259.
¿Cómo funciona Editar JSON?
Editar cargas JSON anidadas como texto crudo suele provocar corrupción de sintaxis: una coma que falta por accidente o una llave sin cerrar rompe el archivo entero. El editor de JSON de ToolsByUs elimina ese problema casando una Visual Tree View respaldada por el AST con un Raw Text Editor :
- Sincronización bidireccional: Al escribir en el panel de código, el texto se analiza y la jerarquía del árbol se actualiza en vivo. A la inversa, hacer clic en nodos en línea, modificar nombres de propiedades o añadir elementos en el árbol se serializa de inmediato de vuelta a texto JSON limpio e indentado.
- Mutaciones seguras que conservan el tipo: Al editar nodos escalares, el editor analiza cadenas, números, booleanos y nulls en sus representaciones exactas de JavaScript, sin convertir números en cadenas.
- Consultas de propiedades con JSONPath: Filtra al instante los documentos profundamente anidados usando nombres de propiedades o rutas con notación de puntos para centrarte en las claves relevantes.
- Deshacer/rehacer ilimitado: Cada pulsación de tecla y cada mutación del árbol se apilan en un historial inmutable, para que puedas revertir cambios con confianza.
Documento JSON crudo
{"server": "node-1", "active": false}Salida de ejemplo
// Mutated via Tree: Toggle 'active' to true and add 'port': 8080
{
"server": "node-1",
"active": true,
"port": 8080
}¿Qué opciones y casos límite admite Editar JSON?
| Parámetro | Tipo | Valor predeterminado | Comportamiento y casos límite |
|---|---|---|---|
| Edición en línea de clave | Acción | Haz clic para editar | Haz clic en cualquier clave de propiedad en la vista de árbol para cambiarle el nombre en todo el documento. |
| Edición en línea de valor | Acción | Haz clic para editar | Edita valores escalares directamente. Los valores booleanos cambian con un clic; los números siguen siendo números. |
| Añadir elemento secundario | Acción | Botón + | Añade una nueva propiedad a los objetos o un nuevo elemento a los arrays. |
| Eliminar nodo | Acción | Botón de papelera | Elimina de forma segura un par clave-valor o un índice de array sin dejar comas finales. |
| Deshacer / Rehacer | Historial | Pila lineal | Preserva el historial completo del estado en ambas operaciones, de texto y de árbol. |
Preguntas frecuentes
¿Puedo alternar libremente entre la vista de árbol y la vista de texto?
¡Sí! Puedes ver ambas a la vez, una al lado de la otra, o alternar entre la Tree View a pantalla completa y la Text View a pantalla completa usando las pestañas de vista.
¿Qué pasa si escribo JSON no válido en la vista de texto?
El editor muestra al instante un banner de error de sintaxis con línea, columna y puntero de cursor, y conserva el estado válido anterior del árbol para que tu flujo de trabajo nunca se interrumpa.
¿Se guarda mi JSON editado en algún servidor externo?
No. Todo el análisis, el renderizado del árbol y la serialización se ejecutan por completo dentro de la memoria de tu navegador. Ningún dato se guarda ni se transmite a distancia.
¿Por qué mi JSON no se analiza aunque parece correcto?
Tres causas lo explican casi todo: una coma final tras el último elemento, comillas simples donde JSON exige dobles, y las comillas tipográficas “smart quotes” pegadas desde un procesador de textos o un cliente de chat. El banner de error da la línea y la columna del primer carácter problemático, que es donde mirar — el fallo suele estar una línea por encima de donde lo esperabas.
¿De qué tamaño puede ser el documento JSON que edito aquí?
Hasta 8 MB. La edición corre en el hilo principal de la página para que el árbol pueda seguir tu escritura, y a partir de ese tamaño una pestaña del navegador deja de repintar en lugar de terminar el trabajo. La herramienta rechaza el documento con un mensaje claro en lugar de quedarse congelada; para algo más grande, la herramienta Comparar JSON se ejecuta en un Web Worker y acepta mucho más.
¿Al editar se reordenan mis claves o se reformatea el documento?
No. Las claves conservan el orden con el que llegaron y la vista de texto devuelve exactamente lo que escribiste, espacios en blanco incluidos. Reformatear solo ocurre cuando lo pides en otro lugar — «Formatear JSON» es la herramienta que aplica sangría, ordena claves y elimina comentarios de forma deliberada.