Categoria: Desenvolvimento
CSV para tabela HTML
Converta CSV em uma tabela HTML com escape de caracteres
Cole dados em CSV, separados por ponto e vírgula, tabulação ou barra vertical e gere marcação de tabela HTML, com a opção de tornar a primeira linha um cabeçalho. Todo valor de célula recebe escape de HTML. Roda inteiramente no seu navegador.
Gerada uma tabela com 2 linha(s) no seu navegador.
<table>
<thead>
<tr><th>name</th><th>score</th><th>team</th></tr>
</thead>
<tbody>
<tr><td>Ava</td><td>92</td><td>Blue</td></tr>
<tr><td>Noah</td><td>88</td><td>Green</td></tr>
</tbody>
</table>Tudo nesta página é processado no seu navegador. Nada é enviado.
Para que serve
Publicar uma exportação de CSV como tabela HTML normalmente significa escrever a marcação `<table>`, `<tr>` e `<td>` manualmente, o que é trabalhoso e fácil de errar quando uma célula contém caracteres como `<` ou `&`. Esta ferramenta analisa os dados delimitados que você cola, aplica escape a todo valor de célula para que nunca seja confundido com marcação, e escreve uma `<table>` com uma linha `<thead>` para o cabeçalho quando solicitado e um `<tbody>` para o restante.
Como usar
- Cole dados em CSV ou delimitados, ou carregue o exemplo.
- Escolha o delimitador e se a primeira linha é um cabeçalho.
- Copie a marcação HTML de tabela gerada.
Privacidade
Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.
Perguntas frequentes
- Meus dados são enviados a algum lugar?
- Não. A análise e a geração de HTML acontecem em JavaScript executado na página, então nada do que você cola sai do seu dispositivo.
- O HTML gerado é seguro para colar em uma página?
- Todo valor de célula recebe escape de HTML antes de ser escrito na marcação, então caracteres como `<`, `&` e `"` nos seus dados não podem ser interpretados como tags ou atributos.
- E se meus dados não tiverem uma linha de cabeçalho?
- Desative a opção de cabeçalho; cada linha é então escrita como uma linha `<td>` simples dentro de `<tbody>`, sem nenhum `<thead>`.