Conversor de tabla HTML a JSON

Pega una tabla HTML o un fragmento de página y convierte cada tabla en JSON y CSV en tu navegador. El marcado que pegas permanece en tu dispositivo.

El conversor de tabla HTML a JSON analiza el marcado que pegas por completo en tu navegador. El HTML de la tabla y el JSON o CSV que produce permanecen en tu dispositivo y nunca se suben a ArrayKit.

Abre el formateador de JSON

Acerca de Tabla HTML a JSON

El conversor de tabla HTML a JSON convierte cualquier <table> pegada —o todo un fragmento de página lleno de ellas— en un array JSON limpio de objetos-fila y su CSV correspondiente. Cada celda de cabecera se vuelve una clave, así que una fila como <td>Ada</td><td>Admin</td> se lee como { "Name": "Ada", "Role": "Admin" }. Entiende thead y tbody, usa las celdas th como cabeceras, sintetiza etiquetas column_1, column_2 cuando una tabla no tiene ninguna, y expande colspan y rowspan para que cada fila se alinee en una cuadrícula rectangular. Cuando el marcado contiene varias tablas puedes cambiar entre ellas y copiar cada resultado por separado. Está pensado para extraer datos de un informe, pasar una ficha técnica a código o poblar un fixture desde la documentación. El HTML que pegas se analiza localmente y nunca sale de tu dispositivo.

Características

Cómo usar Tabla HTML a JSON

  1. Pega una <table> HTML o un fragmento de página que contenga una o varias tablas
  2. Cambia entre JSON y CSV con el interruptor de formato
  3. Si se encontraron varias tablas, elige una en el selector de Tabla
  4. Copia la salida o descárgala como archivo .json o .csv

Ejemplo

Entrada

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>

Salida

[
  { "Name": "Ada", "Role": "Admin" },
  { "Name": "Linus", "Role": "Author" }
]

Las celdas <th> se vuelven las claves del objeto y cada <tr> se vuelve un objeto-fila.

Errores comunes y solución de problemas

Preguntas frecuentes

¿Cómo elige el conversor las claves JSON de mi tabla?
Usa las celdas de cabecera. Una fila <thead>, o una primera fila que contenga celdas <th>, aporta las claves. Cada fila siguiente se vuelve un objeto cuyos valores se alinean con esas cabeceras por posición de columna.
¿Qué pasa con las celdas colspan y rowspan?
Se expanden en una cuadrícula densa. Una celda colspan se repite en cada columna que cubre, y una celda rowspan se traslada hacia abajo a cada fila que abarca, para que cada objeto-fila tenga el mismo conjunto de claves.
¿Puede extraer más de una tabla de un fragmento de página?
Sí. Pega un fragmento completo y cada <table> se extrae en orden de documento. Un selector de Tabla te deja cambiar entre ellas y copiar el JSON o CSV de cada tabla por separado.
¿Y si mi tabla no tiene fila de cabecera?
Cuando no hay <thead> ni <th> en la primera fila, la herramienta sintetiza claves llamadas column_1, column_2, y así, y trata cada fila como datos en lugar de descartar la primera.
¿También genera CSV, no solo JSON?
Sí. Cambia el interruptor de formato a CSV para obtener una exportación RFC-4180 donde los valores que contienen comas, comillas o saltos de línea se entrecomillan correctamente. Puedes copiarlo o descargar un archivo .csv.
¿Se sube a algún sitio el HTML que pego?
No. El marcado se analiza en tu navegador con el analizador DOM estándar y el JSON y CSV resultantes se construyen en tu dispositivo. La tabla pegada nunca se envía a un servidor.

Herramientas relacionadas

Todas las herramientas de ArrayKit