Sobre el visor HTML
Un editor HTML de doble panel con una vista previa en vivo que se actualiza mientras escribes. Pega un fragmento para ver cómo se renderiza, prototipa un diseño sin crear un proyecto o revisa una plantilla de correo. La vista previa se ejecuta en un iframe aislado (sandbox), que separa el código que pruebas del resto de la página.
Cómo usar el visor HTML
-
Escribe o pega tu HTML
Escribe el código en el panel «Editor HTML», a la izquierda. Los bloques <style> y <script> integrados funcionan, así que puedes prototipar una página completa y autónoma.
-
Mira la vista previa en vivo
El panel «Vista previa en vivo», a la derecha, se actualiza solo mientras escribes, dentro de un iframe aislado que mantiene separado el código que pruebas.
-
Itera y copia tu código
Ajusta el código hasta que quede como quieres y cópialo con «Copiar HTML». El editor no guarda el borrador: si recargas la página o cierras la pestaña, vuelve a aparecer el ejemplo inicial.
Casos de uso
Probar un fragmento
Comprueba cómo se ve un trozo de HTML antes de meterlo en un proyecto más grande.
Prototipar un diseño
Esboza rápidamente una maquetación con flexbox o grid, sin montar un proyecto ni arrancar un servidor de desarrollo.
Enseñar y aprender HTML
Cambia una etiqueta o un atributo y mira el efecto al instante: así se entiende de forma concreta la relación entre el código y lo que se muestra.
Preguntas frecuentes
¿La vista previa ejecuta JavaScript?
Sí, dentro de un iframe aislado (sandbox). El sandbox limita lo que puede alcanzar el código, así que un script de tu HTML de prueba no puede interferir con el propio editor.
¿Puedo cargar CSS o scripts externos?
Los recursos externos referenciados con una URL absoluta suelen cargarse, con las restricciones del sandbox y la política CORS del servidor remoto.
¿Se guarda o se sube mi HTML?
No se sube a ningún servidor: todo ocurre en tu navegador. Tampoco se guarda: si recargas la página, vuelve a aparecer el ejemplo inicial, así que copia tu código antes de cerrar la pestaña.
¿Puedo descargar el resultado como archivo?
Copia el código del editor y guárdalo en tu dispositivo como un archivo .html. El editor está pensado para iterar rápido, no para gestionar los archivos de un proyecto.
Herramientas relacionadas
Explora todas las herramientas online gratis de Tooly: todas funcionan en tu navegador y ninguna necesita cuenta.