Online HTML-editor

Het voorbeeld draait binnen een sandboxed iframe waarin scripts zijn toegestaan maar toegang tot dezelfde oorsprong is uitgeschakeld, waardoor code in het voorbeeld deze pagina, uw cookies of uw lokale opslag niet kan lezen of wijzigen. Binnen die sandbox kan het nog steeds vrijuit JavaScript uitvoeren, waarschuwingsvensters openen of netwerkverzoeken doen, net als elke andere webpagina, dus behandel alle code die u plakt vanuit een niet-vertrouwde bron nog steeds alsof u die in een nieuw browsertabblad zou uitvoeren.

De tool verpakt uw CSS in een <style>-tag binnen de head van het document, plaatst uw HTML direct in de body, en voegt uw JavaScript toe in een <script>-tag aan het einde van de body, precies zoals een typisch eenpagina HTML-document, en laadt dat gecombineerde document vervolgens in het voorbeeld.

Ja, de knop "Downloaden als .html" slaat precies hetzelfde gecombineerde document op dat in het voorbeeld wordt weergegeven als één index.html-bestand, klaar om direct in een browser te openen of naar een webserver te uploaden.

Ja, het voorbeeld wordt automatisch vernieuwd kort nadat u stopt met typen in een van de drie panelen, zodat u het effect van uw wijzigingen kunt zien zonder op een afzonderlijke uitvoerknop te klikken.

Het voorbeeld is een echt, geïsoleerd browserdocument, dus console.log-uitvoer gaat naar de eigen console van dat document, niet naar deze pagina. Open de ontwikkelaarstools van uw browser en selecteer de context van het voorbeeld-iframe om console-uitvoer te zien, of gebruik in plaats daarvan alert() voor een snelle zichtbare controle.