Editor HTML

Escribe tu código en las pestañas HTML, CSS y JavaScript, y la vista previa de al lado muestra la página mientras escribes. Desmarca «Actualizar al escribir» para ejecutar el código solo cuando hagas clic en «Ejecutar» o pulses Ctrl+Enter. El editor resalta el código, sangra las líneas nuevas, cierra paréntesis y etiquetas y marca los errores en el margen, y la consola bajo la vista previa muestra lo que tu script escribe con console.log() y los errores que lanza, con su número de línea. Los botones sobre la vista previa muestran la página con el ancho de un portátil, una tableta o un móvil, y el botón de pantalla completa le da al editor toda la ventana.

Tu página se ejecuta en un marco aparte y aislado, así que sus estilos y scripts no pueden cambiar este sitio, y el sitio no lee tu código. El código se guarda en tu navegador mientras escribes y sigue ahí cuando vuelves a abrir el editor. «Copiar HTML» y «Descargar HTML» te dan toda la página en un solo archivo HTML con el CSS y el JavaScript dentro, listo para abrir en un navegador o subir a un servidor, y «Abrir un archivo» carga un archivo HTML, CSS o JavaScript en su pestaña. «Cargar el ejemplo» recupera la página de muestra. El editor está hecho con Ace, un editor de código de fuente abierta.