Naar de inhoud
ToolMug

HTML Formatter

Maak HTML weer leesbaar. De formatter laat geneste elementen inspringen, breekt lange lijsten met attributen af en formatteert ook de CSS en JavaScript binnen style- en script-tags.

Draait in je browser: niets wat je invoert wordt geüpload

Zo gebruik je het

  1. Plak je HTML.
  2. Kies HTML of Vue, de inspringing en de regelbreedte.
  3. Klik op Formatteren, of druk op Ctrl+Enter (⌘+Enter op Mac).
  4. Kopieer de opgemaakte markup.

Opties uitgelegd

Regelbreedte
Elementen met veel attributen worden opgesplitst met één attribuut per regel wanneer ze deze breedte zouden overschrijden.
Vue
Formatteert .vue single-file components — het template-, script- en style-blok.

Voorbeelden

E-mailtemplate. Plak een e-mail met HTML op één regel om de tabelstructuur netjes ingesprongen te zien.

Gekopieerde paginabron. Formatteer de bron van een pagina om de sectie te vinden die je nodig hebt.

Veelgestelde vragen

Waarom blijft sommige tekst op één regel staan?

In HTML kan het toevoegen van witruimte tussen inline-elementen veranderen hoe de pagina eruitziet. De formatter respecteert de CSS display van elk element en voegt geen spaties toe die op het scherm zichtbaar zouden worden.

Maakt het ongeldige HTML goed?

Het voegt afsluitende tags toe die HTML mag weglaten, zoals </li> en </p>. Tags die in de verkeerde volgorde worden gesloten, geven een foutmelding met de regel en kolom, zodat je ze in de bron kunt herstellen.

Wordt mijn code geüpload?

Nee. Alles draait in je browser.

Privacy

Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.

Gerelateerde tools