Editor JSON
Abre o pega JSON y edítalo de dos formas a la vez: un árbol donde añades, renombras, reordenas y cambias el tipo de los valores con un clic, y una vista de código que se mantiene sincronizada y valida cada pulsación. Deshaz cualquier cambio y luego descarga el resultado.
Última actualización:
Corrígelo a la derecha para seguir editando el árbol.
Arrastra para reordenar o mover a otro objeto/array. Alt + ↑/↓ mueve la fila enfocada.
Cómo usar Editor JSON
- Abre un archivo JSON, pega JSON en la vista de código, o empieza con el ejemplo o con un objeto vacío.
- Edita en el árbol: haz clic en una clave o un valor para cambiarlo, usa el menú de tipo para convertirlo y + para añadir una clave o un elemento.
- Reordena arrastrando el asa ⋮⋮, con los botones ↑ ↓ o con Alt + flechas. Suelta sobre el centro de un objeto o array para mover un nodo dentro de él.
- O edita el código directamente. Los cambios válidos actualizan el árbol al instante; los errores se muestran con su línea y columna.
- Deshaz cualquier error, elige la sangría y luego descarga o copia tu JSON.
Acciones del editor de árbol
| Para hacer esto | En el árbol | Teclado |
|---|---|---|
| Cambiar un valor | Haz clic en el valor, escribe y pulsa Intro o haz clic en otro lugar | Tab hasta el campo, Intro para aplicar |
| Renombrar una clave | Haz clic en el nombre de la clave en verde y escribe | Intro para aplicar |
| Añadir una clave o un elemento | + en la fila de un objeto o array | Tab hasta +, luego Intro |
| Cambiar el tipo | El pequeño menú de tipo (object, array, string, number, boolean, null) | Flechas en el menú |
| Reordenar | Arrastra ⋮⋮, o los botones ↑ ↓ | Alt + ↑ / Alt + ↓ |
| Mover a otro contenedor | Suelta sobre el centro de la fila de un objeto o array | - |
| Copiar un nodo | ⧉ lo duplica justo debajo | - |
| Eliminar | ✕ en la fila | - |
| Deshacer / rehacer | Botones ↶ Deshacer y ↷ Rehacer | Ctrl + Z / Ctrl + Y (fuera de los campos de texto) |
| Contraer o expandir | ▸ / ▾ o haz clic en el resumen { n claves } | Intro sobre la flecha |
Tipos de valores JSON
| Tipo | Ejemplo | Notas |
|---|---|---|
| object | {"id": 7, "name": "Ann"} | Las claves siempre son strings entre comillas dobles. El orden se conserva, pero no tiene significado para la mayoría de los programas. |
| array | [1, "two", null] | Lista ordenada; los elementos pueden mezclar tipos. |
| string | "Hello\nWorld" | Solo comillas dobles; los saltos de línea, las tabulaciones, las comillas y las barras invertidas se escapan. |
| number | 42, -3.5, 1.2e6 | Sin ceros a la izquierda, sin +, sin NaN ni Infinity. Muchos analizadores pierden precisión más allá de 253. |
| boolean | true, false | Solo en minúsculas. |
| null | null | Un valor vacío intencionalmente. |
Consejos para editar JSON de forma segura
- Usa el árbol para la estructura y el código para ediciones masivas. Reordenar, cambiar tipos y añadir claves es más rápido en el árbol; pegar un bloque largo o buscar y reemplazar es más rápido en la vista de código.
- Vigila la barra de estado. Muestra el número de claves, de elementos de arrays y la profundidad de anidamiento, así ves de un vistazo si al pegar o eliminar se hizo lo que esperabas.
- Copia la ruta del nodo seleccionado (por ejemplo
$.sizes[1].available) para usarla en código, consultas JSONPath o documentación. - Guarda los ID como strings cuando tengan ceros a la izquierda o más de 15 dígitos, como los códigos postales o los ID al estilo de Twitter, para que otros programas no puedan redondearlos ni recortarlos.
Preguntas frecuentes
¿Cómo edito un archivo JSON?
Abre el archivo con Abrir archivo o pega su contenido en la vista de código. Cambia los valores directamente en el árbol o en el código y luego pulsa Descargar JSON para guardar el archivo editado. Tus cambios se quedan en tu navegador; no se sube nada.
¿Qué pasa cuando cambio el tipo de un valor?
El valor se convierte cuando tiene sentido: el string "42" pasa a ser el número 42, un número pasa a ser su texto, un array pasa a ser un objeto con las claves 0, 1, 2 y un objeto pasa a ser un array con sus valores. Un string que contiene JSON, como "[1,2]", se analiza y se convierte en un array u objeto real.
¿El editor cambiará mis números o el orden de las claves?
No. Las claves se mantienen en el orden en que las escribiste, incluso las claves numéricas que JavaScript normalmente ordenaría primero, y los números conservan sus dígitos exactos, así que los ID grandes como 9007199254740993 no se redondean.
¿Por qué está bloqueado el árbol?
La vista de código contiene JSON no válido, así que no se puede mostrar como árbol. La barra de estado debajo del código muestra la línea, la columna y el motivo; corrígelo o pulsa Deshacer y el árbol se desbloquea.
¿Puedo mover un valor a otro objeto o array?
Sí. Arrastra el asa ⋮⋮ sobre el centro de la fila de un objeto o array para moverlo dentro, o sobre el borde superior o inferior de cualquier fila para colocarlo antes o después. Un valor movido desde un array a un objeto recibe una clave única como item, que puedes renombrar.
¿Qué significa una clave resaltada?
La misma clave aparece dos veces en un objeto. JSON lo permite, pero la mayoría de los analizadores conservan solo el último valor, así que renombra o elimina una de ellas.
¿Qué tamaño de archivo puedo editar?
Funcionan archivos de varios megabytes. En documentos grandes, los niveles más profundos empiezan contraídos y el árbol muestra hasta 3,000 filas a la vez; la vista de código siempre contiene el archivo completo.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.