Online Tool Store Online Tool Store

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

Vista previa en vivo

Área de trabajo

Asistente de etiquetas — haz clic para insertar en el HTML

My HTML Playground

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

  1. 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.
  2. 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.
  3. 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ónOnline Tool StoreEditor de escritorioPlayground alojado
Interfaz de edición HTML enfocada
No requiere cuenta Varía
Frontend solo de navegador Varía

Explora herramientas relacionadas

Inserta esta herramienta

Pega esto en tu propio sitio: sigue siendo gratis y todos los archivos permanecen en el navegador de tu visitante, no en el tuyo ni en el nuestro.