Conversor de HTML Table to JSON
Cole uma tabela HTML ou um trecho de página e converta cada tabela em JSON e CSV no seu navegador. A marcação que você cola fica no seu dispositivo.
O Conversor de HTML Table to JSON analisa a marcação que você cola inteiramente no seu navegador. O HTML da tabela e o JSON ou CSV que ele produz ficam no seu dispositivo e nunca são enviados à ArrayKit.
Abrir o Formatador JSON
Sobre Tabela HTML para JSON
O Conversor de HTML Table to JSON transforma qualquer <table> colada — ou um trecho de página inteiro cheio delas — em um array JSON limpo de objetos-linha e um CSV correspondente. Cada célula de cabeçalho vira uma chave, então uma linha como <td>Ada</td><td>Admin</td> é lida como { "Name": "Ada", "Role": "Admin" }. Ele entende thead e tbody, usa células th como cabeçalhos, sintetiza rótulos column_1, column_2 quando uma tabela não tem nenhum, e expande colspan e rowspan para que toda linha se alinhe em uma grade retangular. Quando a marcação contém várias tabelas você pode alternar entre elas e copiar cada resultado separadamente. É feito para extrair um relatório, mover uma folha de especificações para código ou popular um fixture a partir de documentação. O HTML que você cola é analisado localmente e nunca sai do seu dispositivo.
Recursos
- Extrai cada <table> no HTML colado, não só a primeira
- Células de cabeçalho (<th>) viram chaves JSON; linhas viram um array de objetos
- Lida com thead e tbody, e recorre à primeira linha quando não há thead
- Expande colspan repetindo a célula pelas colunas que ela cobre
- Leva células rowspan para baixo até as linhas que elas abrangem
- Sintetiza chaves column_1, column_2 para tabelas sem linha de cabeçalho
- Saída JSON e CSV em um clique com copiar e baixar para cada tabela
- Analisa a marcação no seu navegador para que o HTML nunca saia do seu dispositivo
Como usar Tabela HTML para JSON
- Cole uma <table> HTML ou um trecho de página que contenha uma ou mais tabelas
- Alterne entre JSON e CSV com o seletor de formato
- Se várias tabelas forem encontradas, escolha uma no seletor de Tabela
- Copie a saída ou baixe-a como um arquivo .json ou .csv
Exemplo
Entrada
<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>
Saída
[
{ "Name": "Ada", "Role": "Admin" },
{ "Name": "Linus", "Role": "Author" }
]
As células <th> viram as chaves do objeto e cada <tr> vira um objeto-linha.
Erros comuns e solução de problemas
- "No <table> found in the HTML." — Garanta que o trecho colado realmente contenha um elemento <table>. Uma grade construída com <div>s ou um layout CSS não é uma tabela HTML e não pode ser extraída.
- Os cabeçalhos aparecem como column_1, column_2 em vez de nomes reais. — A tabela não tem <thead> nem <th> na primeira linha, então os rótulos são sintetizados. Adicione uma linha de cabeçalho com células <th> para obter chaves com significado.
- Uma célula mesclada se repete por várias colunas ou linhas na saída. — Isso é esperado: colspan e rowspan são expandidos para que a grade fique retangular. O valor abrangido é copiado para cada célula que ele cobria.
- Duas colunas compartilham um cabeçalho e uma chave sobrescreve a outra. — Rótulos de cabeçalho duplicados são desduplicados como name, name_2 e assim por diante, para que cada coluna mantenha uma chave JSON distinta em vez de sobrescrever.
Perguntas frequentes
- Como o conversor escolhe as chaves JSON da minha tabela?
- Ele usa as células de cabeçalho. Uma linha <thead>, ou uma primeira linha que contém células <th>, fornece as chaves. Cada linha seguinte vira um objeto cujos valores são alinhados a esses cabeçalhos pela posição da coluna.
- O que acontece com células colspan e rowspan?
- Elas são expandidas em uma grade densa. Uma célula colspan é repetida por cada coluna que ela cobre, e uma célula rowspan é levada para baixo até cada linha que ela abrange, para que todo objeto-linha tenha o mesmo conjunto de chaves.
- Ele consegue extrair mais de uma tabela de um trecho de página?
- Sim. Cole um trecho inteiro e cada <table> é extraída na ordem do documento. Um seletor de Tabela permite alternar entre elas e copiar o JSON ou CSV de cada tabela separadamente.
- E se minha tabela não tiver linha de cabeçalho?
- Quando não há <thead> nem <th> na primeira linha, a ferramenta sintetiza chaves nomeadas column_1, column_2 e assim por diante, e trata cada linha como dado em vez de descartar a primeira.
- Ele também gera CSV, não só JSON?
- Sim. Mude o seletor de formato para CSV para obter uma exportação RFC-4180 em que valores contendo vírgulas, aspas ou quebras de linha ficam corretamente entre aspas. Você pode copiá-la ou baixar um arquivo .csv.
- O HTML que eu colo é enviado para algum lugar?
- Não. A marcação é analisada no seu navegador com o parser DOM padrão e o JSON e CSV resultantes são construídos no seu dispositivo. A tabela colada nunca é enviada a um servidor.
Ferramentas relacionadas
Todas as ferramentas de ArrayKit