Crear una tabla HTML con filas delimitadas

Pega filas CSV, TSV u otro texto delimitado y copia el marcado <table> resultante. Los campos entrecomillados, las comillas escapadas («""») y los saltos de línea dentro de comillas se leen como una sola celda, y el texto de las celdas se escapa para HTML.

Se ejecuta localmente en tu navegador

Cómo convertir filas delimitadas en una tabla HTML

Pega filas CSV, TSV o de otro tipo delimitado, elige el carácter que separa las columnas y la página devuelve el marcado de la tabla: un <tr> por fila y un <td> por campo, listo para pegar en una página, una plantilla de correo o un README.

Las filas se leen en el navegador con un analizador que entiende las comillas: un campo entre comillas dobles puede contener el separador, "" equivale a una comilla literal y un salto de línea dentro de un campo entrecomillado se conserva en esa celda. No se sube nada y la página sigue funcionando sin conexión una vez cargada.

  1. Pega las filas en el cuadro de texto, cuyo marcador de posición dice «Pega texto CSV o delimitado». Se aceptan textos separados por comas, tabulaciones, barras verticales o espacios, con o sin campos entrecomillados.
  2. Elige el separador: coma, TAB, barra vertical o espacio simple, o escribe el tuyo en el campo Personalizado. Lo que escribas ahí anula las opciones marcadas.
  3. Pulsa Convertir. El cuadro de resultado se llena con el marcado <table> y una línea bajo los botones indica cuántas filas y columnas se leyeron.
  4. Pulsa Copiar para llevarte el marcado, o Limpiar para vaciar el cuadro antes del siguiente pegado.

Cómo se leen las filas

Campos entrecomillados y saltos de línea

Un campo entre comillas dobles puede contener el propio separador: en "ac, abs, moon" la coma forma parte del texto, así que la fila conserva cuatro campos en lugar de partir el valor entrecomillado en tres. Dentro de un campo entrecomillado, "" representa una comilla doble literal; así llega intacto un valor como "Venture ""Extended Edition"""".

Un salto de línea dentro de un campo entrecomillado se mantiene en esa celda, y un salto al final del texto pegado no añade una fila vacía. Si el cuadro está vacío, la página lo indica en lugar de devolver una tabla vacía.

Qué contiene el marcado generado

La salida es un fragmento <table> sin más: un <tr> por fila, un <td> por campo, y sin atributos, sin CSS, sin <thead> y sin fila de encabezado; la primera fila es una fila de <td> como cualquier otra.

El texto de las celdas se escapa para HTML: & pasa a &amp;, < a &lt; y > a &gt;. Una celda que contenga marcado o una etiqueta script sigue siendo texto visible en la tabla generada en lugar de formar parte de la página que la inserta.

Separadores, límites y pegados grandes

El separador se busca como cadena literal, no como expresión regular, así que un separador propio como . * ( o :: se trata como texto normal. La página no adivina el separador: si el recuento de columnas de la línea de estado no cuadra, lo primero que hay que revisar es el delimitador.

La entrada es solo texto pegado: no hay selector de archivos .csv ni .xlsx, así que una hoja de cálculo hay que exportarla o copiarla desde su propia aplicación. La conversión ocurre en el navegador y unos miles de filas son instantáneos; los resultados de más de 100.000 caracteres se muestran sin colorear para no bloquear la pestaña.

Herramientas recientes: