Convierte el markup de la página en JSON listo para scripts, APIs y datos de prueba
Los datos que necesitas suelen estar ya en la página — dentro de una `<table>`, en una vista previa del CMS o en un export HTML guardado de un portal de proveedor. Lo que falta es un JSON limpio: un array de objetos para un handler fetch, un bloque de configuración para fixtures o filas estructuradas para un seed de base de datos. Copiar texto desde la ventana del navegador casi nunca funciona. Cabeceras y celdas se mezclan, las combinaciones desaparecen y acabas montando objetos a mano en el editor. Un flujo HTML a JSON debe permitirte comprobar la estructura antes de copiar la primera llave. La herramienta corre en local en tu pestaña. Pega HTML a la izquierda, mira cómo se actualizan la cuadrícula y el JSON a la derecha, corrige una celda o el markup de origen si algo no cuadra, y copia o descarga `.json`. Sin cola de subida, sin cuenta — tu markup no sale del equipo. Importa cuando la página incluye nombres de clientes, precios internos o fichas de producto aún no publicadas.
Un conversor HTML a JSON pensado para tablas y páginas completas
El HTML real rara vez es una sola tabla perfecta. A veces es una cuadrícula de precios con cabeceras `colspan`; otras, una ficha de producto de la que necesitas la lista de viñetas y la tabla de especificaciones en un solo JSON. Aquí cubres ambos caminos sin cambiar de sitio. **Extracción de tablas** lee el markup semántico `<table>` y construye una matriz real: `<th>` y `<td>` caen en columnas distintas, y `colspan` / `rowspan` aparecen como celdas combinadas en la vista previa para ver cómo las filas de resumen se aplanarán en JSON. **Extracción de texto completo** recorre títulos, párrafos y elementos de lista, pone cada bloque en su propia fila de una columna y sigue expandiendo tablas incrustadas en filas multicolumna. Úsalo cuando la página es sobre todo texto con una tabla en medio, o cuando quieres texto legible y datos tabulares en un mismo export. En la salida, activa **Primera fila como claves** si la fila de cabecera debe convertirse en nombres de propiedad y necesitas un array de objetos en lugar de un array anidado de cadenas. **Formato legible** deja la pestaña «Formateado» cómoda para revisar código; «Minificado» ahorra tamaño cuando el payload irá comprimido de todos modos.
La mayoría de conversores solo-subida ocultan el paso de análisis. Envías un archivo, recibes JSON y solo al pegarlo en Postman descubres una columna desplazada. Aquí el editor HTML, la vista previa de cuadrícula y el panel JSON comparten pantalla. ¿Una fila falla? Haz clic en la celda y corrige. ¿La estructura falla — falta `<thead>`, un `div` envoltorio de más, una etiqueta rota —? Cambia a la pestaña HTML y edita el markup en el sitio; la vista previa se actualiza mientras trabajas. Varias tablas de nivel superior en un pegado se convierten en hojas separadas en la barra. Revisa cada bloque, elige la hoja que necesitas y copia o descarga JSON. ¿Necesitas markup otra vez? Excel a HTML en el menú de conversión sigue el mismo patrón de vista previa primero en la dirección inversa.
Probar el conversorModo tabla y modo texto completo
Extrae cuadrículas `<table>` para datos estructurados o recorre la página entera para contenido mixto — sin cambiar de herramienta.
Edita HTML o celdas antes de exportar
Corrige etiquetas en el panel de origen o valores en la cuadrícula; el JSON que copias coincide con lo que verificaste en pantalla.
JSON formateado con claves de objeto
Mapeo opcional de cabecera a claves y salida con formato legible, más vista minificada para payloads compactos.
Qué hace distinto este conversor HTML a JSON
Un banco de trabajo — HTML entra, JSON estructurado sale — con una vista previa en la que puedes confiar antes de copiar.
Mira los datos antes de que sean JSON
JSON no perdona: una columna desplazada y cada objeto lleva nombres de campo equivocados. La vista previa de cuadrícula existe para leer cabeceras, repasar columnas numéricas y detectar filas duplicadas con el HTML aún abierto al lado. Pegar es un flujo de primera clase. Los desarrolladores suelen tener ya el fragmento — en DevTools, un export guardado, una plantilla de correo, una captura de Storybook. Sube `.html` o `.htm` cuando el archivo no cabe en el portapapeles; en ambos casos el análisis se queda en el navegador. Cuando la vista previa cuadra, abre **Opciones JSON** para mapear la primera fila a claves o mantener un array 2D simple. La pestaña «Formateado» muestra salida con sangría para revisar; «Minificado» quita espacios en payloads que comprimirás igual. Copia al portapapeles o descarga `.json` — mismos datos, el handoff que prefieras.
Cómo convertir HTML a JSON
Pega o importa tu HTML
Coloca el markup en el editor izquierdo — lo habitual es pegar del portapapeles. Para una página guardada, usa Subir para importar `.html` o `.htm`. Elige **Extracción de tablas** cuando los datos están en etiquetas `<table>`; **Extracción de texto completo** cuando la página mezcla títulos, párrafos y tablas.
Revisa la cuadrícula y corrige lo que veas
El panel derecho muestra las filas que se convertirán en JSON. Comprueba cabeceras, números y bandas combinadas. ¿Varias tablas en el HTML? Elige la hoja en la barra. ¿Valor incorrecto? Haz clic en la celda. ¿Estructura incorrecta? Cambia a la pestaña HTML y edita el markup en el sitio — la cuadrícula se actualiza al escribir.
Configura las opciones JSON
Abre **Opciones JSON** en la barra. Activa **Primera fila como claves** si quieres un array de objetos con campos con nombre. Activa **Formato legible** para salida cómoda en la pestaña «Formateado», o consulta «Minificado» cuando necesites una cadena compacta.
Copia o descarga
Usa **Copiar JSON** para pasar rápido a tu editor o Postman. Pulsa **Descargar .json** si quieres el archivo en disco — el nombre sigue al archivo importado. ¿Necesitas HTML más adelante? Excel a HTML en el menú de conversión cubre el viaje de vuelta.
HTML a JSON: preguntas antes de exportar
Tu próximo fragmento HTML como JSON listo para usar
Pega, revisa la cuadrícula, edita markup o celdas, copia o descarga — sin teclear objetos a mano.
HTML a JSON
- Extracción de tablas y de texto completo en una sola herramienta
- Edita HTML en el sitio o corrige valores en la cuadrícula de vista previa
- Primera fila como claves y JSON con formato legible
- Copia o descarga `.json` desde la barra de herramientas
¿Necesitas markup inverso? Excel a HTML en el menú de conversión.
Menos montaje manual de objetos
Saca datos estructurados del markup web con una vista previa que puedes comprobar antes de que el JSON salga del navegador.