Editor de código HTML
Prepara documentos HTML con controles de título, edición, vista previa y exportación en un espacio de trabajo para desarrolladores, totalmente en tu navegador.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Desarrollador
Editor de código HTML
Área de trabajo
Asistente de etiquetas — haz clic para insertar en el HTML
Consola
La salida de la consola de la vista previa aparecerá aquí.
Vista previa solo de frontend: el código se ejecuta en un iframe aislado en tu navegador; nada se sube ni se envía a un servidor.
Cómo funciona el Editor de código HTML
- Escribe o pega el marcado, los estilos y el script en las pestañas HTML, CSS y JavaScript, o pulsa un botón del asistente de etiquetas (H1, imagen, iframe, lista, tabla y más) para insertar un fragmento listo para usar en la posición del cursor.
- Pulsa Ejecutar (o simplemente sigue escribiendo) para generar una vista previa en vivo y aislada junto al editor, y observa la salida de console.log y los errores de ejecución de tu script en el panel de Consola de abajo.
- Pulsa Descargar HTML para guardar un único archivo autónomo con tu título, estilos y script incluidos.
FAQ
¿Esto publica mi HTML?
No. Tu código se renderiza en un iframe aislado, por completo en tu navegador. Nunca se sube, se guarda en un servidor ni se envía a un servicio de terceros.
¿Puedo ver errores y la salida de registro de mi script?
Sí: el panel de Consola bajo el editor muestra la salida de console.log y los errores de ejecución de tu script en cuanto se ejecuta la vista previa.
¿Puedo exportar mi archivo HTML?
Sí. Pulsa Descargar HTML para guardar un único archivo .html con tu CSS y JavaScript incluidos y el título del documento aplicado, listo para abrir o alojar en cualquier sitio.
¿Necesito instalar algo o registrarme?
No. El editor, la vista previa en vivo y la consola funcionan en la pestaña de tu navegador: no hay nada que instalar y no se necesita cuenta.
¿Puedo escribir CSS y JavaScript, no solo HTML?
Sí. Junto a la pestaña HTML hay pestañas separadas de CSS y JavaScript, y las tres se combinan en la vista previa en vivo y en el archivo descargado.
Cómo nos comparamos
| Función | Online Tool Store | Editor de escritorio | Playground alojado |
|---|---|---|---|
| Interfaz de edición HTML enfocada | ✓ | ✓ | ✓ |
| No requiere cuenta | ✓ | ✓ | Varía |
| Frontend solo de navegador | ✓ | ✗ | Varía |