Editor HTML

Scrivi il codice nelle schede HTML, CSS e JavaScript, e l'anteprima accanto mostra la pagina mentre scrivi. Togli la spunta da «Aggiorna mentre scrivi» per eseguire il codice solo quando fai clic su «Esegui» o premi Ctrl+Enter. L'editor evidenzia il codice, indenta le nuove righe, chiude parentesi e tag e segna gli errori a margine, e la console sotto l'anteprima mostra ciò che il tuo script scrive con console.log() e gli errori che genera, con il numero di riga. I pulsanti sopra l'anteprima mostrano la pagina con la larghezza di un portatile, di un tablet o di un telefono, e il pulsante a schermo intero dà all'editor tutta la finestra.

La tua pagina viene eseguita in un riquadro separato e isolato, quindi i suoi stili e script non possono modificare questo sito, e il sito non legge il tuo codice. Il codice viene salvato nel browser mentre scrivi ed è ancora lì quando riapri l'editor. «Copia HTML» e «Scarica HTML» ti danno l'intera pagina in un unico file HTML con CSS e JavaScript all'interno, pronto da aprire in un browser o da caricare online, e «Apri un file» carica un file HTML, CSS o JavaScript nella sua scheda. «Carica l'esempio» ripristina la pagina di esempio. L'editor si basa su Ace, un editor di codice open source.