Editor HTML online
HTML, CSS y JavaScript en un solo editor: vista previa, modo de pantalla completa, comprobación Desktop, Tablet y Mobile, panel de etiquetas y editor en una ventana separada. Descarga el proyecto como un archivo .html o como ZIP.
1
Editor online de HTML, CSS y JavaScript con vista previa
HTML Online Editor es un editor de código gratuito en el navegador, sin registro ni instalación. Escribe HTML, CSS y JavaScript en pestañas separadas, revisa el resultado en la vista previa, sube archivos locales, descarga un único index.html o exporta el proyecto como ZIP.
Qué puede hacer el editor
- Vista previa. Con la actualización automática activada, el resultado cambia mientras escribes. Si está desactivada, usa el botón "Actualizar".
- Tres archivos del proyecto. index.html, style.css y script.js se mantienen separados. La vista previa los combina temporalmente en el navegador, "Descargar" y "Copiar proyecto" crean un archivo .html, y "Exportar" descarga un ZIP con los tres archivos.
- Vista adaptable. Cambia entre Desktop, Tablet y Mobile para comprobar el diseño en distintos tamaños de pantalla.
- Etiquetas en un clic. Usa el panel "Mostrar etiquetas" para añadir etiquetas HTML al código con un clic.
- Carga de archivos. Añade archivos locales .html, .css y .js desde tu ordenador y continúa editándolos en el navegador.
- Autoguardado. El código se guarda localmente en el navegador, así que después de recargar la página puedes volver a la última versión guardada.
Para quién es
El editor es útil para principiantes, desarrolladores frontend, profesores y cualquier persona que necesite probar rápidamente un fragmento HTML sin configurar un IDE. Sirve para ejemplos de aprendizaje, emails, pequeños prototipos y revisión de código.
Por qué es cómodo
El editor funciona en cualquier navegador moderno: Chrome, Firefox, Safari, Edge y Yandex Browser. Todo se ejecuta localmente: no se envía nada a un servidor y los archivos permanecen en tu ordenador. La interfaz es adaptable, por lo que puedes editar HTML online desde un portátil, una tablet o un teléfono.
Preguntas frecuentes
¿Necesito una cuenta para usar el editor?
No. Abre la página y empieza a trabajar de inmediato. No hace falta crear una cuenta.
¿Dónde se guarda mi código?
En el almacenamiento local de tu navegador. No se envía nada a un servidor. Usa "Descargar" para guardar un único archivo HTML, o "Exportar" para guardar los tres archivos del proyecto por separado.
¿Puedo subir mis propios archivos?
Sí. El editor admite archivos .html, .css y .js, y puedes seleccionar varios archivos a la vez.
¿JavaScript funciona en la vista previa?
Sí. JavaScript se ejecuta solo dentro de un iframe aislado con sandbox, separado de la interfaz del editor.
¿Puedo desactivar la actualización automática?
Sí. Para fragmentos de código grandes, desactiva la actualización automática en la barra de herramientas y actualiza la vista previa con el botón "Actualizar".