Vista previa HTML

Pega HTML y CSS para previsualizarlos al instante en un marco aislado, con JavaScript opcional. Visor de HTML gratis online.

Sobre esta herramienta

Pega HTML y CSS para ver cómo se renderizan. La vista previa se ejecuta en un marco aislado (sandbox) que no puede acceder a esta página.

Cómo usarla

Pega el HTML, con bloques <style> si quieres.
Activa Permitir scripts si tu fragmento necesita JavaScript.
Revisa el resultado renderizado.

Preguntas frecuentes

¿Es seguro previsualizar HTML no confiable?

El marco está aislado sin acceso al mismo origen, así que no puede leer los datos de este sitio. Mantén los scripts desactivados para código no confiable.

¿Puedo cargar CSS o imágenes externos?

Sí, el marco carga los enlaces a recursos externos de tu HTML.

¿Por qué no se ejecuta mi script?

Los scripts están desactivados por defecto. Activa Permitir scripts.

Herramientas relacionadas

Vista previa de Markdown – Renderiza Markdown estilo GitHub
HTML a JSX – Convierte HTML en JSX de React
Codificar / Decodificar entidades HTML – Escapa y desescapa entidades HTML

Formato

Formatear / Validar JSON – Formatea, minifica y valida JSON
Ordenar / Deduplicar líneas – Ordena, deduplica, invierte y recorta líneas

Codificar / Decodificar

Codificar / Decodificar Base64 – Convierte texto a Base64 y viceversa (UTF-8)
Codificar / Decodificar URL – Codificación porcentual de URL
Codificar / Decodificar entidades HTML – Escapa y desescapa entidades HTML
Codificar / Decodificar imagen Base64 – Convierte imágenes en data URI y previsualiza imágenes Base64
Escapar / Desescapar barras invertidas – Escapa comillas, saltos de línea y caracteres de control
Hex ↔ ASCII – Convierte texto a bytes hexadecimales y viceversa
Depurador JWT – Decodifica el encabezado y la carga útil de un JSON Web Token

Generar

Generar / Decodificar UUID / ULID – Genera UUID v4 / v7 y ULID, y decodifica IDs existentes
Generador de hash – MD5, SHA-1, SHA-256, SHA-384 y SHA-512
Generador de cadenas aleatorias – Cadenas aleatorias criptográficamente seguras
Generador Lorem Ipsum – Texto de relleno por párrafos, oraciones o palabras
Generar / Leer código QR – Crea códigos QR y léelos desde imágenes

Convertir

Conversor de hora mundial – Convierte una hora entre zonas horarias; parte de la hora actual de este equipo
Conversor de tiempo Unix – Convierte marcas de tiempo Unix y fechas
Conversor de bases numéricas – Convierte entre binario, octal, decimal y hexadecimal
YAML ↔ JSON – Convierte YAML a JSON y viceversa
CSV ↔ JSON – Convierte CSV a JSON y viceversa
HTML a JSX – Convierte HTML en JSX de React
Query string ↔ JSON – Convierte query strings de URL a JSON y viceversa
Analizador de URL – Divide una URL en sus partes y parámetros de consulta
Conversor de colores – Convierte entre HEX, RGB, HSL, HWB y CMYK
SVG a CSS – Convierte SVG en un data URI para fondos CSS
JSON ↔ array PHP – Convierte JSON a sintaxis de array PHP y viceversa
PHP Serialize / Unserialize – Convierte JSON al formato serialize() de PHP y viceversa

Texto

Probador de RegExp – Prueba expresiones regulares y revisa coincidencias
Conversor de mayúsculas y minúsculas – camelCase, snake_case, kebab-case y más
Inspector de cadenas – Cuenta caracteres, bytes y palabras e inspecciona puntos de código
Comparador de texto – Compara dos textos por línea, palabra o carácter

Inspeccionar

Analizador de cron – Explica expresiones cron y lista las próximas ejecuciones
Analizador de cURL – Desglosa un comando cURL y conviértelo a fetch()
Decodificador de certificados X.509 – Inspecciona certificados PEM y cadenas

Vista previa

Vista previa de Markdown – Renderiza Markdown estilo GitHub
Vista previa HTML – Renderiza HTML en un marco aislado