HTML Viewer — Online HTML-editor

Wat de HTML Viewer doet

De HTML Viewer is een online HTML-editor met live voorbeeld. Plak een fragment of schrijf een complete pagina met HTML, CSS en JavaScript en het resultaat verschijnt naast de code. Handig voor het testen van e-mailsjablonen, het prototypen van lay-outs, het controleren van gekopieerde fragmenten, het leren van webbasics of het reproduceren van een bug zonder project, bestanden of lokale server.

Het voorbeeld wordt automatisch bijgewerkt kort nadat je stopt met typen, zodat je snel feedback krijgt. Bij zware pagina's of scripts met neveneffecten schakel je automatisch uitvoeren uit en klik je op Uitvoeren wanneer je klaar bent. Je kunt ook het voorbeeld herstellen, de bron kopiëren, downloaden als losstaand .html-bestand of openen in een nieuw tabblad.

Privé en afgeschermd

Alles draait lokaal in je browser. Je code wordt nooit geüpload en je hebt geen account nodig. Het voorbeeld wordt getoond in een iframe met sandbox: scripts kunnen draaien maar zijn geïsoleerd van deze pagina en kunnen geen concepten, cookies of andere sitegegevens lezen. Zo kun je onbetrouwbare fragmenten redelijk veilig proberen, maar plak geen code die je niet begrijpt en die bronnen van derden laadt.

Praktische tips

Gebruik een compleet document met doctype, head en body om een echte pagina na te bootsen, of plak alleen een fragment en laat de browser het aanvullen. Met inline style- en scriptblokken blijft het voorbeeld in één bestand. Externe bibliotheken laad je via absolute URL's. Relatieve links en lokale paden werken niet, omdat er geen map achter het voorbeeld zit. Je laatste concept wordt lokaal bewaard en kan worden hersteld.