Categoria: Desenvolvimento

Gerador de tabela HTML

Ideia nossaFalta uma ferramenta?

Crie marcação de tabela HTML com escape de caracteres a partir de texto simples

Informe células de cabeçalho separadas por vírgula e uma linha separada por vírgula por linha de texto para gerar marcação de tabela HTML, com um nome de classe CSS opcional. Todo valor de célula recebe escape de HTML. Roda inteiramente no seu navegador.

Gerada uma tabela com 2 linha(s) no seu navegador.

HTML
<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

Às vezes você só precisa de uma pequena tabela HTML, e digitar a marcação manualmente é mais lento do que digitar os dados. Esta ferramenta recebe uma linha de cabeçalho separada por vírgula e uma linha por linha de texto para cada linha da tabela, aplica escape a cada célula para que caracteres como `<` ou `&` no seu texto não possam ser lidos como marcação, e escreve uma `<table>` com um nome de classe CSS opcional, um `<thead>` quando você informa cabeçalhos e um `<tbody>` para as linhas.

Como usar

  1. Digite as células do cabeçalho separadas por vírgula, ou deixe em branco para uma tabela sem cabeçalho.
  2. Digite uma linha por linha de texto, com células separadas por vírgula.
  3. Opcionalmente defina um nome de classe CSS e copie o HTML gerado.

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. O HTML é gerado em JavaScript executado na página, então nada do que você digita 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 `"` no seu texto não podem ser interpretados como tags ou atributos.
Posso gerar uma tabela sem linha de cabeçalho?
Sim. Deixe o campo de cabeçalho vazio e a tabela será escrita apenas com um `<tbody>`, sem `<thead>`.