Editor de JSON Online

Edita JSON como un árbol expandible, haz clic en cualquier valor para cambiarlo, añade o elimina claves y elementos, sincronizado con una vista de texto.

🌐 English

Tree view

{ Object · 6 }
name:"Ada Lovelace"
born:1815
active:true
notes:null
skills:[ Array · 2 ]
[0]:"mathematics"
[1]:"computing"
address:{ Object · 2 }
city:"London"
country:"UK"

Raw JSON

🔒 Privado por diseño: todo funciona localmente en tu navegador; nada se sube nunca a ningún servidor.

Escrito y mantenido por Última actualización

Cómo editar JSON online

  1. Pega tu JSON en el recuadro de texto en bruto, o pulsa Upload .json file, hay un documento de ejemplo cargado por defecto para que veas cómo funciona de inmediato.
  2. Explora el árbol de la izquierda: haz clic en la flecha ▸/▾ para expandir o contraer un objeto o array, y haz clic en cualquier clave para renombrarla.
  3. Haz clic en un valor para editarlo en el sitio, elige su tipo (String, Number, Boolean, Null) y escribe el nuevo valor, luego confirma.
  4. Usa + key / + item para añadir una nueva clave de objeto o elemento de array, o Remove para eliminar uno. Cada cambio actualiza al instante la vista de texto en bruto, y escribir directamente en el texto actualiza el árbol de vuelta.
  5. Pulsa Copy JSON para copiar el resultado, o Download .json para guardarlo como archivo.

Un editor de árbol real, no solo un formateador

Pegar un documento JSON en un simple formateador de texto te da una indentación legible, pero no te da una forma sencilla de CAMBIAR algo, corregir un campo anidado en una respuesta de API grande o un archivo de configuración sigue significando desplazarse por un muro de llaves, contar comas con cuidado y esperar no haber roto algún corchete. Esta herramienta convierte el mismo documento en un árbol real: cada objeto y array se puede expandir y contraer, cada valor final está a un clic de poder editarse, y añadir o eliminar una clave no requiere tocar la puntuación de alrededor en absoluto.

El árbol y el texto en bruto se mantienen sincronizados en ambas direcciones todo el tiempo. ¿Prefieres hacer clic a través de la estructura? Usa el árbol. ¿Prefieres escribir o pegar un bloque de reemplazo entero? Usa el recuadro de texto, el árbol se actualiza en cuanto lo que has escrito vuelve a ser JSON válido, y se queda exactamente donde estaba mientras no lo sea.

Edición consciente del tipo, a propósito

JSON distingue "42" (un texto) de 42 (un número) de true (un booleano), una distinción que importa mucho a lo que sea que lea el documento después. Editar un valor aquí siempre pasa por un selector de tipo explícito en lugar de adivinar a partir de lo que has escrito, así que corregir una errata en un texto nunca lo convierte sin querer en un número, y viceversa. Cambiar el tipo real de un valor es igual de fácil (cambia el selector y confirma) pero siempre es una elección deliberada, nunca un efecto secundario silencioso.

Tu JSON nunca sale de tu dispositivo

Ya sea una respuesta de API, el archivo de configuración de una aplicación o una exportación con datos reales de usuarios, todo aquí se ejecuta con JavaScript normal dentro de tu propia pestaña del navegador. No hay subida, no hay viaje de ida y vuelta a un servidor, y no queda ninguna copia de tu documento en ningún sitio salvo tu propio dispositivo, la misma garantía de privacidad que ofrece cada herramienta de este sitio.

Usos habituales

Cómo funciona, en imágenes

Captura de pantalla de la herramienta Editor de JSON Online con un documento JSON abierto en una vista de árbol plegable con controles de añadir y eliminar por clave, que se puede cargar desde un ejemplo, desde un archivo .json o empezar en blanco
Editor de JSON Online en pleno proceso: un documento JSON abierto en una vista de árbol plegable con controles de añadir y eliminar por clave, que se puede cargar desde un ejemplo, desde un archivo .json o empezar en blanco.
Diagrama: dónde ocurre el trabajo en una página de SysFenix que no tiene ninguna entrada de archivo: la herramienta llega como JavaScript normal dentro de la página, calcula la respuesta en tu propio dispositivo y la muestra ahí mismo, de modo que la subida, la cola y el registro en servidor que necesita una herramienta online típica no ocurren nunca
Dónde ocurre el trabajo en una página de SysFenix que no tiene ninguna entrada de archivo: la herramienta llega como JavaScript normal dentro de la página, calcula la respuesta en tu propio dispositivo y la muestra ahí mismo, de modo que la subida, la cola y el registro en servidor que necesita una herramienta online típica no ocurren nunca.

Preguntas frecuentes

La interfaz (botones, etiquetas) aparece en inglés, ¿es un error?

No, es una limitación conocida y honesta, no un error de traducción. Todo el análisis del JSON, la conversión a árbol, las operaciones de añadir/eliminar/editar y la re-serialización del texto son completamente independientes del idioma, funcionan igual de bien con datos en español, incluyendo tildes y la ñ en claves y valores. Pero el componente interactivo (botones como "Load sample" o "Copy JSON", las etiquetas "Object"/"Array"/"String", los mensajes de error) es un único componente compartido en inglés, usado sin cambios tanto en esta página como en la original en inglés.

¿En qué se diferencia esto del Formateador de JSON?

El Formateador de JSON embellece, minifica y valida un documento JSON completo de una sola vez, lo pegas, pulsas un botón y obtienes el texto reformateado. Esta herramienta es distinta de raíz, convierte tu JSON en un árbol interactivo real por el que puedes navegar, expandir y contraer, y editar nodo por nodo. Haz clic en cualquier valor para cambiarlo, añade una nueva clave o elemento de array con un botón, o elimina uno, todo sin tocar el texto en bruto a mano. La vista de texto sigue ahí y se mantiene perfectamente sincronizada, pero el árbol es lo importante.

¿Valida mi JSON mientras escribo?

Sí. Cada pulsación de tecla en el recuadro de texto se vuelve a analizar de inmediato. Si el JSON es válido, la vista de árbol se actualiza al momento. Si es momentáneamente inválido (por ejemplo mientras todavía estás escribiendo una llave de cierre) el árbol simplemente se queda como estaba en el último estado válido y aparece un mensaje de error claro junto al recuadro de texto, así nunca pierdes tu sitio ni tus cambios en curso solo porque el JSON aún no está terminado.

¿Se admiten archivos JSON grandes?

No hay un límite de tamaño fijo, todo se ejecuta en la memoria de tu propio navegador, así que un documento grande funciona igual que uno pequeño. Para documentos realmente enormes o muy anidados (miles de nodos), aparece un aviso encima del árbol, y las secciones anidadas empiezan contraídas por defecto para que la vista inicial siga siendo rápida, solo se procesan las partes que realmente expandes. La vista de texto en bruto no tiene ese límite en ningún caso.

¿Puedo cambiar el tipo de un valor, por ejemplo convertir un texto en un número?

Sí, pero de forma explícita, no automática. Al hacer clic en un valor se abre un editor con un selector de tipo (String, Number, Boolean, Null) junto a él. Escribir "42" con el tipo puesto en String lo mantiene como el texto "42", solo se convierte en el número 42 si cambias el selector a Number primero. Esto evita el error común de convertir sin querer un texto que parece numérico en un número real.

¿Se sube mi JSON a algún servidor?

No. El análisis, la edición y la re-serialización ocurren enteramente dentro de tu pestaña del navegador usando JavaScript normal, no hay ningún paso de subida ni procesamiento en un servidor. Los documentos JSON suelen contener datos reales (tokens de API, registros de usuarios, valores de configuración), así que nada de los tuyos sale nunca de tu dispositivo.

Herramientas relacionadas