Editor de HTML en Línea

La vista previa se ejecuta dentro de un iframe aislado (sandbox) con scripts permitidos pero con el acceso de mismo origen deshabilitado, por lo que el código en la vista previa no puede leer ni modificar esta página, tus cookies ni tu almacenamiento local. Aun así, dentro de ese sandbox, puede ejecutar JavaScript libremente, abrir cuadros de alerta o hacer solicitudes de red, igual que cualquier otra página web, así que sigue tratando cualquier código que pegues de una fuente no confiable como tratarías ejecutarlo en una pestaña de navegador nueva.

La herramienta envuelve tu CSS en una etiqueta <style> dentro del head del documento, coloca tu HTML directamente en el body, y añade tu JavaScript en una etiqueta <script> al final del body, exactamente como un documento HTML de una sola página típico, y luego carga ese documento combinado en la vista previa.

Sí, el botón "Descargar como .html" guarda exactamente el mismo documento combinado mostrado en la vista previa como un único archivo index.html, listo para abrir directamente en un navegador o subir a un servidor web.

Sí, la vista previa se actualiza automáticamente poco después de que dejes de escribir en cualquiera de los tres paneles, para que puedas ver el efecto de tus cambios sin hacer clic en un botón de ejecución separado.

La vista previa es un documento de navegador real y aislado, por lo que la salida de console.log va a la propia consola de ese documento, no a esta página. Abre las herramientas de desarrollador de tu navegador y selecciona el contexto del iframe de vista previa para ver la salida de la consola, o usa alert() para una comprobación visible rápida.