HTML-editor

Schrijf je code in de tabbladen HTML, CSS en JavaScript, en het voorbeeld ernaast toont de pagina terwijl je typt. Vink “Bijwerken tijdens het typen” uit om de code alleen uit te voeren als je op “Uitvoeren” klikt of op Ctrl+Enter drukt. De editor geeft de code kleur, laat nieuwe regels inspringen, sluit haakjes en tags en markeert fouten in de marge, en de console onder het voorbeeld toont wat je script met console.log() schrijft en welke fouten het geeft, met hun regelnummers. Met de knoppen boven het voorbeeld zie je de pagina op de breedte van een laptop, een tablet of een telefoon, en de knop voor volledig scherm geeft de editor het hele venster.

Je pagina draait in een apart, afgeschermd frame (sandbox), zodat de stijlen en scripts ervan deze site niet kunnen veranderen, en de site leest je code niet. De code wordt tijdens het typen in je browser bewaard en staat er nog als je de editor weer opent. “HTML kopiëren” en “HTML downloaden” geven je de hele pagina als één HTML-bestand met de CSS en JavaScript erin, klaar om in een browser te openen of te uploaden, en “Bestand openen” laadt een HTML-, CSS- of JavaScript-bestand in het bijbehorende tabblad. “Voorbeeld laden” haalt de voorbeeldpagina terug. De editor is gebouwd op Ace, een opensource-code-editor.