Editor HTML Online

Ni lo uno ni lo otro. El editor es una sola página sin backend — tu código vive en el textarea y en el iframe de vista previa, ambos completamente en la memoria de tu navegador. Nada se transmite, se registra ni se almacena, y no hay cuenta que crear.

Puedes confirmarlo en segundos: abre las herramientas de desarrollador, observa la pestaña Red y pulsa Ejecutar. No sale ninguna solicitud. La contrapartida es que cerrar o recargar la pestaña descarta tu trabajo, así que usa Descargar o Copiar código antes de salir de cualquier cosa que quieras conservar.

Sí. Todo lo que esté dentro de una etiqueta <script> se ejecuta cuando se carga la vista previa, incluida la manipulación del DOM, los escuchadores de eventos, los temporizadores y las llamadas a fetch. El documento de ejemplo incluye un pequeño manejador de clics para que puedas verlo funcionar de inmediato.

La vista previa se ejecuta dentro de un iframe aislado con scripts y diálogos modales permitidos. Ese aislamiento es deliberado: tu código puede hacer lo que quiera dentro del marco, pero no puede alcanzar esta página, leer el documento padre ni navegarte a otro sitio.

Cuatro causas explican casi todos los casos. Olvidaste pulsar Ejecutar — la vista previa solo se actualiza bajo demanda a menos que la ejecución automática esté activada. Una etiqueta sin cerrar antes en el documento se está tragando todo lo que viene después; los navegadores se recuperan de HTML mal formado en silencio en lugar de informar un error. Tu CSS está fuera de un bloque <style>, o tu script fuera de <script>. O un script se ejecuta antes de que exista el elemento al que apunta — muévelo al final de <body>.

Una limitación real: como el marco está aislado y no tiene privilegios de mismo origen, algunos recursos externos se comportan de forma diferente a como lo harían en un dominio real. Las solicitudes a API que requieren credenciales o encabezados CORS específicos fallarán. Las hojas de estilo de CDN e imágenes normales generalmente se cargan bien.

Sí — por debajo de 768px el diseño apila el editor encima de la vista previa para que ambos sigan siendo usables, y la barra de herramientas se ajusta en lugar de desbordarse.

Dicho esto, escribir código en un teclado táctil es realmente incómodo: sin tecla Tab, sin acceso fácil a los signos de ángulo y un viewport mucho más pequeño. El móvil funciona bien para leer un fragmento que alguien te envió, ajustar un valor o comprobar cómo se renderiza algo. Para editar de verdad, un escritorio o un teclado externo merece el cambio.

Pulsa Descargar en la barra de herramientas. El contenido actual del editor se guarda como index.html en la carpeta de descargas de tu navegador — un archivo completo e independiente que puedes abrir con doble clic, subir a cualquier hosting o incluir en un proyecto.

Como todo está en línea, no hay hojas de estilo ni scripts vinculados que seguir. Si prefieres mover el código a otro sitio sin un archivo, Copiar código pone todo el documento en tu portapapeles, y Abrir en nueva pestaña lo renderiza a pantalla completa para verlo bien o hacer una captura limpia.

Sí, permanentemente, sin cuenta, sin periodo de prueba, sin marca de agua y sin funciones bloqueadas tras un muro de pago. Tampoco hay límite de uso, porque no hay ningún servidor haciendo el trabajo — tu propio navegador ejecuta todo.

El sitio se financia con publicidad, por eso puede que veas anuncios alrededor de esta herramienta. La herramienta en sí no recopila tu código, no rastrea lo que escribes ni te exige nada.