Ir para o conteúdo
TextArray
Totalmente local

Tabela CSV para HTML

Transforme dados CSV em marcação de tabela HTML limpa com células thead, tbody e escaped.

Entrada

Tabela CSV para HTML

Cole dados CSV e obtenha de volta uma tabela HTML limpa - um thead construído a partir da linha do cabeçalho, um tbody com um tr por registro e um recuo organizado de dois espaços que se encaixa diretamente em um modelo ou em uma revisão de código. Trabalhos típicos: publicar uma exportação de planilha em uma página da web, adicionar uma tabela ao conteúdo do CMS onde o editor visual desfigura as células coladas, criar um e-mail HTML onde as tabelas ainda são o único layout renderizado em todos os lugares ou inserir dados de referência na documentação.

Deixe o delimitador na detecção automática e a ferramenta faz uma amostragem de seus dados e escolhe o caractere que produz as linhas mais consistentes, para que os arquivos de vírgula, ponto e vírgula, tabulação e barra vertical sejam convertidos sem configuração. Os campos citados seguem RFC 4180: um campo colocado entre aspas duplas pode conter o delimitador, aspas "" duplas e até mesmo quebras de linha, que saem como tags br para que cada registro ainda seja renderizado como uma única linha. Os registros com células ausentes são preenchidos até a linha mais larga, para que a tabela nunca fique irregular.

Cada célula tem escape de HTML - e comercial, colchetes angulares e aspas tornam-se entidades - portanto, um < perdido nos dados nunca pode quebrar a página ou contrabandear a marcação. "A primeira linha são cabeçalhos" transforma o primeiro registro nas células; desligue-o e cada linha se tornará uma linha td simples. O estilo básico adiciona um pequeno bloco de estilo com bordas finas e envolve a mesa em um contêiner que rola horizontalmente em telas estreitas; a marcação deixa apenas o estilo para seu próprio CSS.

Tudo é executado no seu navegador e os dados nunca saem do seu dispositivo, portanto, a exportação do cliente pode ser convertida com segurança. Copie a marcação, baixe-a como um arquivo .txt ou cole-a diretamente em sua página.

FAQ

Quais delimitadores ele lê?
Vírgula, ponto e vírgula, tabulação e barra vertical, com detecção automática por padrão: a ferramenta faz uma amostragem dos dados e escolhe o caractere que produz as linhas mais consistentes. Quando a estimativa estiver errada, escolha o delimitador manualmente.
O conteúdo da célula escapou?
Sim. E comercial, colchetes angulares e aspas tornam-se entidades HTML, portanto, os dados nunca podem injetar marcação em sua página. Uma quebra de linha dentro de um campo entre aspas torna-se uma tag br, portanto o registro permanece em uma linha da tabela.
O que o estilo básico adiciona?
Um pequeno bloco de estilo com bordas finas por meio de recolhimento de borda e preenchimento de células, além de um div wrapper que rola horizontalmente em telas estreitas. Todos os nomes de classes têm o prefixo ta-table, portanto, não colidirão com seu CSS. A marcação apenas omite tudo isso.
O que acontece com as linhas sem células?
Registros curtos são preenchidos com células td vazias até a largura da linha mais larga, de modo que a tabela gerada sempre tenha um formato retangular.
Meus dados são carregados em algum lugar?
Não. A conversão é executada inteiramente no seu navegador e seu CSV nunca sai do seu dispositivo.