Editor JSON
Crea y edita JSON visualmente — añade claves, cambia tipos, renombra campos — sin sintaxis en bruto.
Entrada JSON
Editor visual
¿Qué es Editor JSON?
Un editor JSON visual te permite construir y modificar un documento JSON pulsando botones y rellenando campos — renombrar una clave, cambiar el tipo de un valor, añadir una nueva propiedad o eliminar un elemento — en lugar de editar a mano el texto en bruto esperando no romper un corchete u olvidar una coma en algún sitio. Es una herramienta distinta de un editor JSON basado en texto (como el editor del Formateador JSON): cada clave tiene su propio campo de renombrado, cada valor tiene un selector de tipo que alterna entre string/number/boolean/null/object/array y se restablece a un valor por defecto razonable para ese tipo, y cada objeto o array tiene una fila incorporada de "añadir clave" o "añadir elemento". Una vista previa en vivo y de solo lectura al lado muestra siempre el texto JSON exacto que producen tus ediciones visuales, para que puedas copiarlo en cuanto se vea bien.
Cómo usar Editor JSON
- Pega JSON existente en el cuadro de importación de arriba y pulsa "Cargar en el editor" — o pulsa "Cargar ejemplo" para empezar con un ejemplo resuelto.
- Edita el árbol de la izquierda: escribe en un campo de valor, usa el desplegable de tipo para cambiar el tipo de un valor, renombra una clave editando su campo de nombre, o pulsa el icono de papelera para eliminar una clave/elemento.
- Usa la fila "Añadir clave" / "Añadir elemento" al final de cualquier objeto o array para insertar una nueva entrada.
- Observa cómo la vista previa en vivo de la derecha se actualiza al instante y copia el resultado en cuanto estés conforme.
Ejemplos
Cambiar el tipo de un valor
Entrada
{"active": "true"}
Salida
Cambia el desplegable de tipo de string a boolean → {"active": true}
Añadir una nueva clave a un objeto
Entrada
{"name": "Ada"}
Salida
Añade la clave "born" (number) → {"name": "Ada", "born": 1815}
Errores comunes
- Olvidar que cambiar el tipo de un valor lo restablece al valor por defecto de ese tipo — copia antes el valor si vas a necesitar referenciarlo.
- Intentar renombrar una clave con un nombre ya usado por una clave hermana — está bloqueado en lugar de sobrescribir silenciosamente el valor de la otra clave.
- Esperar que el cuadro de importación se mantenga sincronizado con tus ediciones visuales — es solo una carga unilateral hacia el editor, no un espejo en vivo (usa para eso el panel de vista previa de solo lectura).
Por qué usar esta herramienta
- Se ejecuta por completo en tu navegador — ningún documento que construyas o edites se envía nunca a un servidor.
- Elimina toda una clase de errores de edición manual (comas finales, corchetes sin cerrar, claves sin comillas) ya que nunca escribes sintaxis JSON en bruto.
- El desplegable de tipo facilita arreglar una molestia común de integración con APIs — un valor que llegó como la cadena "true" o "42" en lugar de un booleano o número real.