JSON a HTML que puedes pegar sin disculparte por el diseño
Configs, payloads de webhook y exportaciones analíticas suelen llegar en JSON. Los desarrolladores leen objetos anidados; el resto no. Esta página convierte esos datos en tablas o listas HTML para el navegador, un wiki o un bloque CMS: pega o importa JSON, elige un diseño y obtén marcado con intención — no un volcado de depuración. Muchos convertidores solo pasan JSON a HTML en sentido estrecho: una fila ancha de cabeceras con rutas punto, bordes por defecto, sin tipografía real. Técnicamente correcto, difícil de compartir. Si alguna vez pensaste «no se lo mando al cliente», conoces el hueco. Aquí estructura y presentación van juntas: modo tabla para arrays de objetos, árbol y lista de definición para datos anidados, tabla plana ancha cuando necesitas el layout de una fila de herramientas antiguas. La exportación de documento completo puede añadir un tema ligero — Clean, Minimal o Compact — para que espaciado y tipografía se vean bien en Vista previa antes de copiar. La conversión corre en local en el navegador; tu JSON no se sube. HTML en bruto muestra las etiquetas, Vista previa HTML abre el playground de la home y Formatear JSON ordena salidas minificadas de logs.
Convertir JSON a HTML con tablas legibles — no un muro de celdas
La búsqueda de tabla JSON a HTML suele significar «mostrar mi array como tabla». El modo tabla lo hace: claves compartidas en columnas, cada elemento en fila, con `<thead>` y celdas escaneables. Un objeto pasa a tabla de propiedades de dos columnas; valores anidados pueden mostrarse como subtablas si conviene. ¿Necesitas la forma antigua de una fila? La tabla plana ancha pone claves como `items.0.name` en una sola fila de cabecera — como muchos convertidores top, no bonito, pero predecible para herramientas posteriores. El modo árbol mapea objetos y arrays anidados a listas para depurar. La lista de definición encaja con glosarios. No hace falta escribir `<tr>` a mano ni arreglar plantillas.
El email es donde se separan estilos incrustados y en línea — y donde muchos se atascan. Una exportación pulida guarda tipografía y reglas de tabla en un bloque `<style>` en el head. Gmail, Outlook y la mayoría de ESP eliminan esos bloques: el envío sale, el espaciado desaparece. Diseña con Incrustado en el panel de salida; cambia a En línea antes de pegar en newsletter o plantilla transaccional. El mismo motor que la página CSS Inliner mueve reglas a atributos `style` y quita los `<style>` que ya no sirven. Keyframes, `:hover` y algunos pseudo-elementos no van en línea — aparecen en Notas para saber qué no sobrevivirá al buzón.
Abrir el convertidorTablas con estilo por defecto
Temas y espaciado en exportación de documento completo — no volcados con border="1" de convertidores mínimos.
Incrustado → En línea en un clic
Diseña con CSS en `<style>`, luego el interruptor de salida para atributos `style` listos para email.
Cuatro modos de diseño
Tabla, tabla plana ancha, árbol y lista de definición — según la forma del JSON.
Tabla JSON a HTML y rutas de exportación
Del array de API al marcado listo para pegar — con vista previa, temas y CSS en línea opcional para email.
Tablas que parecen informe, no rejilla de depuración
Los arrays de objetos tienen cabeceras de columna y separación de filas; los temas añaden tipografía y bordes en exportación completa. Ves el resultado en vista previa antes de copiar — sin descubrir markup feo solo al pegar.
- Tablas legibles y temas — no filas feas de una sola línea
- Incrustado → En línea para email en el panel de salida
- Tabla, plana, árbol y definición
- Corre en local en el navegador
Cómo convertir JSON a HTML en la práctica
Pega o importa JSON
Suelta salida de API minificada en el panel izquierdo o importa un `.json`. Formatear JSON arregla la indentación cuando los logs llegan en una línea. Corrige errores de parse antes de elegir diseño.
Elige diseño y tema de vista previa
Tabla para arrays de objetos; árbol o lista de definición para docs anidados; tabla plana ancha solo si necesitas columnas con rutas punto. Al descargar: fragmento o documento completo y tema para que la vista previa coincida con el archivo guardado.
Revisa Vista previa, luego HTML en bruto
Vista previa muestra el render. HTML en bruto las etiquetas exactas a copiar. Para navegador o CMS, CSS incrustado en documento completo suele bastar. Para buzón: siguiente paso.
Cambia a En línea para email, luego exporta
Activa En línea en la cabecera de salida para mover reglas de `<style>` a elementos. Lee Notas por selectores omitidos. Copia HTML, descarga `.html` o Vista previa HTML en el playground — como en otras herramientas.
FAQ: JSON a HTML
Convertir JSON a HTML ahora
Tablas legibles, vista previa con tema y CSS en línea cuando el destino es el buzón.
JSON a HTML
- Tablas con estilo — no volcados con bordes desnudos
- CSS Incrustado o En línea desde el panel de salida
- Conversión local, copia o descarga
- No signup; use the tool in the browser
Para email, prueba tras En línea y envía un mensaje de prueba — los clientes aún varían.
De JSON a HTML que sí enviarás
Tablas con tipografía real — más estilos en línea en un clic para email.