Editor HTML online con vista previa en vivo
Escribe HTML, CSS y JavaScript y ve el resultado al instante, con consola, vista de móvil y descarga de la página lista.
Cómo usarEdita HTML con vista previa en vivo.
Disponible en: 
Editor HTML online con vista previa en vivo: para qué sirve
Un editor de código sencillo en el navegador, con pestañas para HTML, CSS y JavaScript y una vista previa que se actualiza mientras escribes. La consola muestra los console.log y los errores de tu script, la opción de pantalla de móvil simula un dispositivo y el botón Descargar página genera un archivo .html completo. El código se guarda en este navegador para que continúes después.
Cómo usar
- Escribe en las pestañas HTML, CSS y JavaScript.
- Mira la vista previa y la consola.
- Descarga la página lista.
Cuándo usar
- Probar fragmentos de código rápidamente.
- Aprender HTML y CSS.
- Crear prototipos y correos.
Preguntas frecuentes
¿Se guarda mi código?
Se guarda solo en este navegador para que sigas después. Para llevarlo a otro lugar, usa el botón Descargar página, que genera un archivo .html con todo junto.
¿Es seguro el JavaScript de la vista previa?
La vista previa se ejecuta en un marco aislado (iframe con sandbox), sin acceso a esta página, a tus cookies ni a otros sitios abiertos.
¿Puedo usar bibliotecas como Bootstrap o jQuery?
Sí. Pon las etiquetas <link> y <script> con la dirección de la CDN en el HTML y se cargan en la vista previa.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.