Editar e formatar JSON Online

Um JSON sem indentação nem realce, tudo numa única linha, é difícil de ler e de corrigir. Esta ferramenta permite abrir, editar, formatar e guardar um ficheiro JSON diretamente no navegador, usando o editor de código aberto jsoneditor (de Jos de Jong, versão 9.1.0), sem instalar nada.

Para que serve

• Abrir um JSON e revê-lo como texto com realce ou como árvore de nós.
• Detetar erros de sintaxe (vírgula a mais, aspas simples, chave sem aspas) antes de o usar no seu código.
• Formatar (indentar) um JSON ou compactá-lo numa única linha com um botão.
• Ordenar, filtrar ou transformar o conteúdo, e procurar um valor dentro de um JSON grande.
• Editar valores ou a própria estrutura, com desfazer e refazer caso se engane.
• Criar um JSON de raiz e guardá-lo como ficheiro .json.

Dois painéis, seis modos de trabalho

O ecrã mostra dois painéis sincronizados: o que altera num reflete-se no outro. O da esquerda arranca em modo code (texto com realce e validação de sintaxe) e o da direita em modo tree (árvore editável); ambos podem mudar para qualquer um destes seis modos:

• code: o JSON como texto, com realce e aviso de erros.
• text: o JSON como texto simples, sem realce.
• tree: árvore totalmente editável, para adicionar, mover ou apagar chaves e valores.
• form: árvore onde só se editam os valores, sem tocar na estrutura.
• view: árvore só de leitura, para inspecionar sem risco.
• preview: vista de texto só de leitura pensada para documentos grandes.

Os botões de cada modo

A barra de ferramentas muda consoante o modo:

• Formatar (Ctrl+\) acrescenta indentação e quebras de linha; Compactar (Ctrl+Shift+\) deixa tudo numa única linha. Ambos em modo código.
• Ordenar conteúdo e Filtrar, ordenar ou transformar conteúdo: em modo código e em modo árvore.
• Reparar JSON (modo código): tenta corrigir erros típicos, ver a secção seguinte.
• Desfazer (Ctrl+Z) e Refazer (Ctrl+Shift+Z): em ambos os modos.
• Expandir tudo e Colapsar tudo, e uma caixa de busca com salto para o resultado seguinte ou anterior: em modo árvore.

Como criar, editar e guardar um ficheiro JSON

1. Escreva ou cole o seu JSON no painel esquerdo, ou clique no botão de carregar para abrir um ficheiro do seu computador (é lido no navegador e colocado nos dois painéis).
2. Verifique o painel direito em modo árvore: por estar sincronizado, cada alteração aparece automaticamente no outro painel.
3. Se só quiser alterar valores, use o modo form; para rever sem editar, use view ou preview.
4. Formate com Formatar, deixe numa única linha com Compactar ou corrija erros típicos com Reparar JSON; Desfazer reverte qualquer alteração.
5. Clique no botão de guardar, escreva um nome de ficheiro (se não terminar em .json é acrescentado automaticamente) e faça o download.

Erros de sintaxe mais comuns

Um JSON válido segue uma gramática estrita (RFC 8259):

• Vírgula final: {"nome": "Ana",} — é preciso remover essa última vírgula.
• Aspas simples: {'nome': 'Ana'} deve ser {"nome": "Ana"}.
• Chaves sem aspas: {nome: "Ana"} — toda chave deve estar entre aspas duplas.
• Comentários: // isto não é válido — JSON não admite comentários, nem com // nem com /* */.

Reparar JSON tenta corrigir automaticamente aspas e caracteres de escape mal colocados, remover comentários e notação JSONP, e converter um objeto JavaScript num JSON válido, embora não garanta corrigir qualquer erro: convém rever o resultado. Se o seu JSON incluir uma marca temporal Unix ou um token com uma parte em Base64url (como um JWT), pode revê-lo à parte com o conversor de marcas temporais Unix ou o descodificador de Base64.

Privacidade

O JSON que cola, carrega ou edita não sai do seu navegador: a página não envia o seu conteúdo a nenhum servidor. Tudo acontece no seu próprio computador, para que possa trabalhar com dados que prefere não enviar para lado nenhum.