HTML Editor
HTML Editor — se ejecuta en el navegador. No se guardan datos.
Código HTML · vista previa
Vista previa en un iframe sandbox que bloquea scripts y formularios.
Cómo usar
- Escribe un documento o fragmento en origen HTML.
- Pulsa Vista previa para renderizarlo en el marco Vista previa (sandbox) de abajo.
- Los scripts y formularios no se ejecutan ni se envían por los límites del sandbox.
- Revisa solo el diseño, edita el origen y pulsa Vista previa otra vez.
- Restablecer vacía el origen y recarga un documento vacío en el marco. No hay botón de copiar.
Conceptos clave
El editor HTML es un bloc de bocetos con origen y vista previa en una pantalla. La vista previa escribe el documento en un marco aislado con sandbox estricto: sin ejecución de scripts, envío de formularios ni acceso same-origin. Encaja bien para maquetas de banners o marcado de tablas. No sustituye las DevTools completas; las apps interactivas van a un servidor local. Incluso un origen vacío, una vez previsualizado, sustituye la imagen anterior por un documento en blanco.
Hasta que pulses Vista previa, el marco puede estar vacío o mostrar el último resultado: pulsa siempre el botón tras editar. Este editor no guarda archivos ni sube el origen. Las URL de imágenes externas pueden cargarse por la red, pero los scripts de la página se bloquean. Combínalo con un validador o formateador para separar comprobaciones de estructura y visuales. No hay botón de copiar; selecciona tú el texto de origen.
Ejemplo
Pon <h1>Preview</h1><p>Hello</p> en el origen y pulsa Vista previa: el marco muestra un encabezado y un párrafo. Una etiqueta script sigue sin ejecutarse por el sandbox. Tras editar, pulsa Vista previa otra vez para que el marco se actualice. Restablecer vuelve a un documento vacío.
Relacionado: Formateador HTML · Validador HTML · Excel → tabla HTML
Preguntas frecuentes
¿Se ejecuta JavaScript en la vista previa del editor HTML?
No. El sandbox del marco bloquea scripts y formularios; solo sirve para revisar maquetas.
¿La vista previa se actualiza en cada pulsación?
No. El marco se actualiza solo al pulsar Vista previa. Restablecer también redibuja un documento vacío.
¿Hay botón de copiar?
No. Selecciona tú el texto de origen. La vista previa es solo para comprobar en pantalla.
¿Aparecen imágenes remotas en la vista previa?
Si la URL es válida, las imágenes pueden cargarse. Los widgets basados en scripts siguen bloqueados.
¿Se guarda el origen en un servidor?
No. El origen y las actualizaciones del marco se quedan en el navegador. Restablecer vacía el campo.
¿Qué pasa con el marco tras Restablecer?
Se vacía el origen y se carga un documento vacío, así que desaparece la vista previa anterior.
Última revisión: 2026-09-04