HTML Viewer - HTML Voorvertonen in Browser Online

Invoer

Uitvoer

Wat is een HTML Viewer?

Een HTML viewer laat je HTML plakken of schrijven en direct een live voorvertoning zien van hoe het wordt weergegeven in een browser. Dit is handig voor het snel testen van HTML-fragmenten, e-mailsjablonen of HTML zonder een volledige ontwikkelomgeving.

Dit hulpmiddel draait volledig in je browser. De voorvertoning wordt gerenderd in een sandboxed iframe met het srcdoc-attribuut. Het tabblad Broncode toont de geformatteerde HTML-broncode.

Hoe dit hulpmiddel te gebruiken

HTML plakken of uploaden

Plak je HTML in de linker editor of klik op Uploaden om een bestand te laden. Klik op Voorbeeld om een voorbeeld te proberen.

Voorvertoning of broncode bekijken

Het rechter paneel toont een live Voorvertoning van je HTML. Schakel naar het tabblad Broncode om de geformatteerde HTML-broncode te zien.

Kopiëren of downloaden

Gebruik <strong>Kopiëren</strong> of <strong>Downloaden</strong> om de geformatteerde broncode op te slaan. Gebruik de HTML Validator om je HTML te valideren.

HTML Viewer Voorbeeld

Plak een HTML-fragment en zie het direct gerenderd. Hier een eenvoudig voorbeeld:

HTML invoer

Invoer

Wanneer een HTML Viewer nuttig is

Een HTML viewer is nuttig wanneer je HTML-fragmenten snel wilt testen, e-mailsjablonen wilt controleren, automatisch gegenereerde HTML wilt bekijken of een visuele voorvertoning met collega's wilt delen.

Gebruik de HTML Validator voor het valideren van HTML-structuur en het opsporen van fouten.

Veelgestelde vragen

Is de voorvertoning sandboxed?

Ja. De voorvertoning draait in een sandboxed iframe met het attribuut sandbox="allow-scripts". Dit voorkomt toegang tot cookies of de bovenliggende pagina.

Worden mijn gegevens naar een server gestuurd?

Nee. De voorvertoning wordt volledig in je browser gerenderd met het srcdoc-attribuut van de iframe.

Gerelateerde hulpmiddelen

Zie de HTML Living Standard en MDN iframe documentatie.