JSON Editor
Construa e edite JSON visualmente — adicione chaves, mude tipos, renomeie campos — sem sintaxe bruta.
Entrada JSON
Editor visual
O que é JSON Editor?
Um editor visual de JSON permite construir e modificar um documento JSON clicando em botões e preenchendo campos — renomear uma chave, alterar o tipo de um valor, adicionar uma nova propriedade ou excluir um item — em vez de editar texto bruto manualmente torcendo para não quebrar um colchete ou esquecer uma vírgula em algum lugar. É uma ferramenta diferente de um editor de JSON baseado em texto (como o editor do JSON Formatter): cada chave tem seu próprio campo de renomeação, cada valor tem um seletor de tipo que alterna entre string/number/boolean/null/object/array e retorna a um padrão sensato para aquele tipo, e todo objeto ou array tem uma linha integrada de "adicionar chave" ou "adicionar item". Uma pré-visualização ao vivo, somente leitura, ao lado, mostra sempre o texto JSON exato que suas edições visuais produzem, para que você possa copiá-lo no momento em que ele parecer certo.
Como usar JSON Editor
- Cole um JSON existente na caixa de importação no topo e clique em "Load into editor" — ou clique em "Load sample" para começar a partir de um exemplo pronto.
- Edite a árvore à esquerda: digite em um campo de valor, use o seletor de tipo para mudar o tipo de um valor, renomeie uma chave editando seu campo de nome, ou clique no ícone de lixeira para excluir uma chave/item.
- Use a linha "Add key" / "Add item" na parte inferior de qualquer objeto ou array para inserir uma nova entrada.
- Observe a pré-visualização ao vivo à direita atualizar instantaneamente e copie o resultado quando estiver satisfeito.
Exemplos
Alterando o tipo de um valor
Entrada
{"active": "true"}
Saída
Switch the type dropdown from string to boolean → {"active": true}
Adicionando uma nova chave a um objeto
Entrada
{"name": "Ada"}
Saída
Add key "born" (number) → {"name": "Ada", "born": 1815}
Erros comuns
- Esquecer que mudar o tipo de um valor o retorna ao padrão daquele tipo — copie o valor antes, caso precise consultá-lo depois.
- Tentar renomear uma chave para um nome já usado por uma chave irmã — isso é bloqueado em vez de sobrescrever silenciosamente o valor da outra chave.
- Esperar que a caixa de importação fique sincronizada com suas edições visuais — ela é apenas uma semente única de "load into editor", não um espelho ao vivo (use o painel de pré-visualização somente leitura para isso).
Por que usar esta ferramenta
- Roda inteiramente no seu navegador — nenhum documento que você construir ou editar é enviado a um servidor.
- Elimina uma categoria inteira de erros de edição manual (vírgulas sobrando, colchetes sem par, chaves sem aspas), já que você nunca digita sintaxe JSON bruta.
- O seletor de tipo facilita corrigir uma irritação comum de integração com APIs — um valor que chegou como a string "true" ou "42" em vez de um booleano ou número de verdade.