Editor de HTML

Escreva seu código nas abas HTML, CSS e JavaScript, e a pré-visualização ao lado mostra a página enquanto você digita. Desmarque “Atualizar ao digitar” para executar o código só quando clicar em “Executar” ou pressionar Ctrl+Enter. O editor destaca o código, recua as novas linhas, fecha parênteses e tags e marca os erros na margem, e o console abaixo da pré-visualização mostra o que o seu script escreve com console.log() e os erros que ele gera, com o número da linha. Os botões acima da pré-visualização mostram a página na largura de um notebook, de um tablet ou de um celular, e o botão de tela cheia dá ao editor a janela inteira.

Sua página roda em um quadro separado e isolado, então os estilos e scripts dela não podem alterar este site, e o site não lê o seu código. O código é salvo no navegador enquanto você digita e continua lá quando você abre o editor de novo. “Copiar HTML” e “Baixar HTML” entregam a página inteira em um único arquivo HTML com o CSS e o JavaScript dentro, pronto para abrir em um navegador ou publicar, e “Abrir um arquivo” carrega um arquivo HTML, CSS ou JavaScript na aba correspondente. “Carregar o exemplo” traz de volta a página de exemplo. O editor é baseado no Ace, um editor de código aberto.