Naar inhoud

HTML Editor

Schrijf visueel en zie de schone HTML-code live meelopen.

Visueel
Editor laden…
Meer opschoonopties →
VoorbeeldScripts worden hier niet uitgevoerd. JavaScript uitvoeren? Gebruik de HTML Viewer
Werkt in je browser — je document wordt alleen op dit apparaat bewaard. Wissen verwijdert het.

Zo werkt het

  1. Kies bij Indeling voor Naast elkaar om Visueel en Code samen te tonen.
  2. Zet Opschonen bij plakken aan en plak je tekst uit Word of Google Docs in Visueel.
  3. Bewerk de HTML in Code; je wijzigingen verschijnen ook in Visueel.
  4. Kies bij Opschoonprofiel de optie Standaard en klik op Opschonen.
  5. Kies bij Downloaden als de optie Volledig document en klik op .html downloaden.

Voorbeelden

Een tekstblok voor WordPress opschonen

Invoer
<h2 class="wp-block-heading">Openingstijden</h2>
<p class="intro" style="color: blue;">Onze winkel in Utrecht is op zaterdag open van <span>10.00 tot 17.00 uur</span>.</p>
<p></p>
<p><a href="https://voorbeeld.nl/contact" class="knop" target="_blank">Neem contact op</a></p>
Uitvoer
<h2>Openingstijden</h2>
<p>Onze winkel in Utrecht is op zaterdag open van 10.00 tot 17.00 uur.</p>
<p><a href="https://voorbeeld.nl/contact">Neem contact op</a></p>

Scripts en opmaak uit een artikel verwijderen

Invoer
<h2 id="fietstocht">Fietsen langs de Vecht</h2>
<p style="font-size: 18px;"><b>Start in Utrecht</b> en fiets richting Maarssen.</p>
<script>console.log('route geladen');</script>
<iframe src="https://voorbeeld.nl/routekaart"></iframe>
<p><a href="https://voorbeeld.nl/fietsroute" class="route">Bekijk de route</a></p>
Uitvoer
<h2>Fietsen langs de Vecht</h2>
<p><strong>Start in Utrecht</strong> en fiets richting Maarssen.</p>
<p><a href="https://voorbeeld.nl/fietsroute">Bekijk de route</a></p>

Veelgestelde vragen

Kan ik een Word-bestand omzetten naar HTML?

Je kunt .doc- en .docx-bestanden niet rechtstreeks openen. Open het document in Word of Google Docs, kopieer de tekst en plak die in de visuele editor.

Waarom verdwijnen sommige HTML-tags als ik visueel bewerk?

De visuele editor kan onder meer scripts, formulieren en iframes niet tonen. Die blijven aanvankelijk in de code staan, maar worden verwijderd zodra je visueel bewerkt. Bewerk alleen de code als je die onderdelen wilt behouden.

Wordt mijn HTML online opgeslagen?

Bewerken en opschonen gebeurt in je browser; de tool verstuurt je document niet. Het concept wordt in deze browser opgeslagen, tenzij je browser die opslag blokkeert. Externe afbeeldingen en andere bronnen worden wel vanaf hun oorspronkelijke URL geladen; die servers kunnen je IP-adres zien.

Hoe groot mag een HTML-bestand zijn?

Je kunt bestanden tot 10 MB openen. Bij meer dan 2 MB code pauzeert de automatische synchronisatie tussen de twee panelen. Het opschonen van grote documenten wordt na 15 seconden afgebroken als het nog niet klaar is.