HTML/CSS/JS Live-editor

Een minikleine in-browser speeltuin — schrijf HTML, CSS en JS en zie het resultaat live bijwerken in een sandboxed voorbeeldweergave, zonder account of buildstap.

884 weergaven

Voorbeeld

Een speeltuin zonder enige installatie

Typ in de tabbladen HTML, CSS en JS, en de voorbeeldweergave hieronder wordt bijgewerkt terwijl u typt — alles draait volledig in uw browser, in een sandboxed iframe dat geen toegang heeft tot deze pagina of uw gegevens. Handig om een code-fragment te testen, een component te prototypen, of te controleren hoe een stukje CSS er daadwerkelijk uitziet voordat u het in een echt project plaatst.

Dit is bewust platte-tekstbewerking (geen syntaxismarkering), om de tool snel en vrij van elke externe editorbibliotheek te houden.

Veelgestelde vragen

Wordt mijn code ergens naartoe verzonden?

Nee — alles draait lokaal in uw browser. De voorbeeldweergave wordt gerenderd in een sandboxed iframe op dezelfde pagina; er wordt niets geüpload of op een server opgeslagen.

Waarom geen syntaxismarkering?

Het toevoegen van een echte code-editor (syntaxismarkering, automatisch aanvullen) betekent het laden van een zware externe editorbibliotheek. Deze tool blijft bewust lichtgewicht — platte tekstvelden, direct laden, geen afhankelijkheden.

Is het veilig om onbetrouwbare code in de voorbeeldweergave uit te voeren?

De voorbeeld-iframe gebruikt sandbox="allow-scripts" zonder allow-same-origin, waardoor scripts erin geen cookies, lokale opslag of iets anders van deze pagina kunnen lezen — het is net zo geïsoleerd als een niet-vertrouwde embed.

Vergelijkbare tools