Transforme o markup da página em JSON pronto para scripts, APIs e dados de teste
Os dados de que precisa muitas vezes já estão na página — dentro de uma `<table>`, numa pré-visualização CMS ou num export HTML guardado de um portal de fornecedor. O que falta é um JSON limpo: um array de objetos para um handler fetch, um bloco de configuração para fixtures ou linhas estruturadas para um seed de base de dados. Copiar texto da janela do navegador raramente funciona. Cabeçalhos e células misturam-se, as uniões desaparecem e acaba por montar objetos à mão no editor. Um fluxo HTML para JSON deve permitir verificar a estrutura antes de copiar a primeira chaveta. A ferramenta corre em local no seu separador. Cole HTML à esquerda, veja a grelha e a saída JSON atualizarem-se à direita, corrija uma célula ou o markup de origem se algo não bater certo, depois copie ou descarregue `.json`. Sem fila de upload, sem conta — o seu markup não sai do computador. Importa quando a página inclui nomes de clientes, preços internos ou fichas de produto ainda não publicadas.
Um conversor HTML para JSON pensado para tabelas e páginas inteiras
O HTML real raramente é uma única tabela perfeita. Às vezes é uma grelha de preços com cabeçalhos `colspan`; outras vezes uma página de produto de onde precisa da lista com marcas e da tabela de especificações num só JSON. Ambos os caminhos estão aqui — sem mudar de ferramenta. **Extração de tabelas** lê markup `<table>` semântico e constrói uma matriz verdadeira: `<th>` e `<td>` caem em colunas distintas, e `colspan` / `rowspan` aparecem como células unidas na pré-visualização para ver como as linhas de resumo se achatam em JSON. **Extração de texto completo** percorre títulos, parágrafos e itens de lista, põe cada bloco na sua linha numa coluna e continua a expandir tabelas incorporadas em linhas multi-coluna. Use quando a página é sobretudo texto com uma tabela no meio, ou quando quer texto legível e dados tabulares no mesmo export. Na saída, active **Primeira linha como chaves** se a linha de cabeçalho deve tornar-se nomes de propriedade e precisa de um array de objetos em vez de um array aninhado de strings. **Formatação legível** mantém o separador «Formatado» confortável para rever código; «Minificado» poupa tamanho quando o payload vai ser comprimido de qualquer forma.
A maioria dos conversores só-upload esconde o passo de análise. Envia um ficheiro, recebe JSON, e só ao colar no Postman vê uma coluna deslocada. Aqui o editor HTML, a pré-visualização da grelha e o painel JSON partilham o mesmo ecrã. Linha errada? Clique na célula na grelha e corrija. Estrutura errada — `<thead>` em falta, `div` envoltório a mais, tag partida — ? Mude para o separador HTML e edite o markup no lugar; a pré-visualização atualiza enquanto trabalha. Várias tabelas de topo numa colagem tornam-se folhas separadas na barra. Verifique cada bloco, escolha a folha que precisa, copie ou descarregue JSON. Precisa de markup outra vez? Excel para HTML no menu de conversão segue o mesmo padrão de pré-visualização primeiro na direção inversa.
Experimentar o conversorModo tabela e modo texto completo
Extraia grelhas `<table>` para dados estruturados ou percorra a página inteira para conteúdo misto — sem mudar de ferramenta.
Edite HTML ou células antes de exportar
Corrija etiquetas no painel de origem ou valores na grelha; o JSON copiado corresponde ao que verificou no ecrã.
JSON formatado com chaves de objeto
Mapeamento opcional de cabeçalho para chaves e saída com formatação legível, mais vista minificada para payload compacto.
O que este conversor HTML para JSON faz de diferente
Uma bancada — HTML entra, JSON estruturado sai — com uma pré-visualização em que pode confiar antes de copiar.
Veja os dados antes de se tornarem JSON
O JSON não perdoa: uma coluna deslocada e cada objeto traz nomes de campo errados. A pré-visualização da grelha existe para ler cabeçalhos, percorrer colunas numéricas e detetar uma linha duplicada com o HTML ainda aberto ao lado. Colar é um fluxo de primeira classe. Os programadores muitas vezes já têm o fragmento — nas DevTools, num export guardado, num modelo de e-mail, num snapshot Storybook. Carregue `.html` ou `.htm` quando o ficheiro não cabe na área de transferência; em ambos os casos a análise fica no navegador. Quando a pré-visualização estiver certa, abra **Opções JSON** para mapear a primeira linha a chaves ou manter um array 2D simples. O separador «Formatado» mostra saída indentada para rever; «Minificado» remove espaços em payloads que vai comprimir de qualquer forma. Copie para a área de transferência ou descarregue `.json` — mesmos dados, a entrega que preferir.
Como converter HTML para JSON
Cole ou importe o seu HTML
Coloque o markup no editor à esquerda — na maioria dos casos a partir da área de transferência. Para uma página guardada, use Carregar para importar `.html` ou `.htm`. Escolha **Extração de tabelas** quando os dados estão em tags `<table>`; **Extração de texto completo** quando títulos, parágrafos e tabelas estão misturados.
Reveja a grelha e corrija o que vir
O painel à direita mostra as linhas que se tornarão JSON. Verifique cabeçalhos, números e faixas unidas. Várias tabelas no HTML? Escolha a folha na barra. Valor errado? Clique na célula. Estrutura errada? Mude para o separador HTML e edite o markup no lugar — a grelha atualiza enquanto escreve.
Configure as opções JSON
Abra **Opções JSON** na barra de ferramentas. Active **Primeira linha como chaves** se quiser um array de objetos com campos nomeados. Active **Formatação legível** para saída confortável no separador «Formatado», ou consulte «Minificado» quando precisar de uma string compacta.
Copie ou descarregue
Use **Copiar JSON** para passar rapidamente ao editor ou ao Postman. Clique **Descarregar .json** se quiser o ficheiro em disco — o nome segue o ficheiro importado. Precisa de HTML mais tarde? Excel para HTML no menu de conversão cobre o regresso.
HTML para JSON: perguntas antes de exportar
O seu próximo fragmento HTML como JSON pronto a usar
Cole, verifique a grelha, edite markup ou células, copie ou descarregue — sem escrever objetos à mão.
HTML para JSON
- Extração de tabelas e de texto completo numa só ferramenta
- Edite HTML no lugar ou corrija valores na grelha de pré-visualização
- Primeira linha como chaves e JSON com formatação legível
- Copie ou descarregue `.json` na barra de ferramentas
Precisa do markup inverso? Excel para HTML no menu de conversão.
Menos montagem manual de objetos
Extraia dados estruturados do markup web com uma pré-visualização que pode verificar antes do JSON sair do navegador.