Editar JSON
Esta ferramenta oferece um ambiente de edição com duas superfícies sincronizadas: uma visualização em árvore interativa e um editor de texto monoespaçado em tempo real. Ele suporta manipulação de nós inline, adição, renomeação e exclusão de chaves, reordenação de arrays, navegação pelo histórico de desfazer e refazer e busca de propriedades com JSONPath, com validação contínua da sintaxe RFC 8259.
Como funciona o Editar JSON?
Editar cargas JSON aninhadas em texto puro frequentemente corrompe a sintaxe: uma vírgula faltando por descuido ou uma chave mal fechada quebra o arquivo inteiro. O editor de JSON do ToolsByUs elimina isso ao casar uma Visual Tree View baseada em AST com um Raw Text Editor :
- Sincronização bidirecional: digitar no painel de código analisa e atualiza a hierarquia da árvore em tempo real. No sentido inverso, clicar em nós inline, renomear propriedades ou adicionar elementos na árvore serializa de volta imediatamente para texto JSON limpo e indentado.
- Mutações seguras que preservam tipos: ao editar nós escalares, o editor interpreta strings, números, booleanos e nulls em suas representações JavaScript exatas, sem converter números em strings.
- Consultas de propriedades com JSONPath: filtre instantaneamente documentos profundamente aninhados usando nomes de propriedades ou caminhos com notação de ponto para focar nas chaves relevantes.
- Desfazer/refazer ilimitados: cada tecla e cada mutação na árvore entram em uma pilha de histórico imutável, para que você possa reverter alterações com confiança.
Documento JSON puro
{"server": "node-1", "active": false}Exemplo de saída
// Mutated via Tree: Toggle 'active' to true and add 'port': 8080
{
"server": "node-1",
"active": true,
"port": 8080
}Quais opções e casos-limite o Editar JSON suporta?
| Parâmetro | Tipo | Padrão | Comportamento e casos-limite |
|---|---|---|---|
| Edição inline de chave | Ação | Clique para editar | Clique em qualquer chave da propriedade na visualização em árvore para renomeá-la em todo o documento. |
| Edição inline de valor | Ação | Clique para editar | Edite valores escalares diretamente. Boleans alternam com um clique; números permanecem números. |
| Adicionar Filho | Ação | Botão + | Adiciona uma nova propriedade a objetos ou anexa um novo elemento a arrays. |
| Excluir Nó | Ação | Botão de Lixeira | Remove com segurança um par chave-valor ou um índice de array sem deixar vírgulas finais. |
| Desfazer / Refazer | Histórico | Pilha Linear | Preserva o histórico completo do estado em todas as operações de texto e de árvore. |
Perguntas frequentes
Posso alternar livremente entre a visualização em árvore e a de texto?
Sim! Você pode ver os dois lado a lado ao mesmo tempo, ou alternar entre a Tree View em tela cheia e a Text View em tela cheia usando as abas de visualização.
O que acontece se eu digitar um JSON inválido na visualização de texto?
O editor exibe um banner de erro de sintaxe instantâneo, com linha, coluna e marcador de cursor, preservando o estado anterior válido da árvore para que seu fluxo de trabalho nunca seja interrompido.
O JSON que eu edito fica armazenado em algum servidor externo?
Não. Toda a análise, a renderização da árvore e a serialização acontecem inteiramente na memória do seu navegador. Nenhum dado é salvo ou transmitido remotamente.
Por que meu JSON não analisa quando parece correto?
Três causas explicam quase todos os casos: vírgula sobrando depois do último item, aspas simples onde o JSON exige aspas duplas e aspas curvas “inteligentes” coladas de um editor de textos ou de um cliente de bate-papo. O banner de erro indica a linha e a coluna do primeiro caractere problemático, que é onde olhar — o erro costuma estar uma linha acima de onde você esperava.
Qual o tamanho de documento JSON que consigo editar aqui?
Até 8 MB. A edição roda na thread principal da página para que a árvore acompanhe a sua digitação, e acima desse tamanho uma aba do navegador para de repintar em vez de terminar o trabalho. A ferramenta recusa o documento com uma mensagem clara em vez de travar; para algo maior, a ferramenta Comparar JSON roda em um Web Worker e aceita muito mais.
Ao editar, minhas chaves são reordenadas ou o documento é reformatado?
Não. As chaves mantêm a ordem em que chegaram e a visualização de texto devolve exatamente o que você digitou, espaços em branco incluídos. A reformatação só acontece quando você pede isso em outra ferramenta — “Formatar JSON” é a ferramenta que indenta, ordena chaves e remove comentários de propósito.