LocalToolsColección de herramientas offline para el navegador

Categoría: Desarrollo

CSV a tabla HTML

Idea propia¿Falta una herramienta?

Convierte CSV en una tabla HTML escapada

Pega datos CSV, separados por punto y coma, tabulación o barra vertical, y genera marcado de tabla HTML, con la opción de convertir la primera fila en encabezado. Cada valor de celda se escapa en HTML. Se ejecuta completamente en tu navegador.

Se generó una tabla con 2 fila(s) en tu 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>

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Para qué sirve

Publicar una exportación CSV como tabla HTML normalmente implica escribir a mano el marcado `<table>`, `<tr>` y `<td>`, lo cual es tedioso y fácil de hacer mal cuando una celda contiene caracteres como `<` o `&`. Esta herramienta analiza los datos delimitados que pegas, escapa cada valor de celda para que nunca pueda confundirse con marcado, y escribe una `<table>` con una fila `<thead>` para el encabezado cuando lo pides y un `<tbody>` para el resto.

Cómo se usa

  1. Pega datos CSV o delimitados, o carga el ejemplo.
  2. Elige el delimitador y si la primera fila es un encabezado.
  3. Copia el marcado de tabla HTML generado.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Se suben mis datos a algún sitio?
No. El análisis y la generación de HTML se realizan en JavaScript dentro de la página, así que nada de lo que pegues sale nunca de tu dispositivo.
¿Es seguro pegar el HTML en una página?
Cada valor de celda se escapa en HTML antes de escribirse en el marcado, así que caracteres como `<`, `&` y `"` en tus datos no pueden interpretarse como etiquetas o atributos.
¿Qué pasa si mis datos no tienen fila de encabezado?
Desactiva la opción de encabezado; cada fila se escribe entonces como una fila `<td>` normal dentro de `<tbody>`, sin ningún `<thead>`.

Volver a todas las herramientas