Cómo usar

Cuatro pasos: pega, ejecuta, revisa y copia. Todo ocurre en tu navegador.

Pega el contenido

Introduce CSS, HTML, JSON u otro texto. No se sube nada.

Ejecuta la herramienta

Pulsa Convertir o Ejecutar. El resultado aparece al instante.

Revisa la salida

Lee el código generado y las notas antes de usarlo.

Copia y usa

Copia el resultado y pégalo en tu proyecto.

Sobre esta herramienta

Muestra un fragmento de HTML dentro de un iframe con sandbox para que veas su estructura sin abrir otro archivo. Los scripts quedan aislados, así que es una vista previa de marcado, no la ejecución de una aplicación completa.

Ejemplo

El ejemplo usa estilos en línea para que el marco muestre algo visible.

Entrada

<article style="font-family:system-ui;padding:1rem">
  <h1 style="margin:0 0 .5rem">Preview card</h1>
  <p style="margin:0;color:#334155">Sandboxed HTML viewer example.</p>
</article>

Salida

(rendered in the preview frame)

Consejo

Si algo no aparece, suele deberse a que dependía de una hoja de estilos externa que el marco no carga.