Hoe het werkt
Ordent en herindenteert HTML-documenten zodat de taghiërarchie helder en consistent is. Ideaal om geminificeerde markup te ontnesten, andermans templates te bekijken of de stijl van je views te normaliseren.
Naast het inspringtype en -grootte en het regeleinde kun je bepalen hoe attributen worden afgebroken (bijvoorbeeld één per regel) en de maximale regellengte voordat wordt afgebroken, handig bij tags met veel attributen.
Alles draait in je browser met js-beautify en respecteert de inhoud van blokken zoals pre en textarea. Het maakt de presentatie op; het valideert de HTML niet en sluit geen ontbrekende tags.
Voorbeelden
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>Elk genest element komt op een eigen regel met de bijbehorende inspringing.Gebruiksscenario's
- Geminificeerde HTML-markup van een pagina ontnesten en leesbaar maken.
- De inspringing van templates normaliseren voor een commit.
- Het afbreken van attributen beheren in tags met veel eigenschappen.
- E-mail- of nieuwsbrieffragmenten met geneste tabellen bekijken.
Veelgestelde vragen
Wat doet de optie voor het afbreken van attributen?
Het bepaalt hoe de attributen van een tag worden geplaatst: op dezelfde regel, geforceerd één per regel of uitgelijnd. Handig wanneer een element veel attributen heeft en je de leesbaarheid wilt verbeteren.
Wordt de inhoud van pre of textarea kapotgemaakt?
Nee. De formatter respecteert de inhoud van tags zoals pre en textarea, waar spaties en regeleinden betekenisvol zijn, en herindenteert ze niet.
Valideert of repareert het de HTML?
Nee. Het herschikt alleen de inspringing en regeleinden. Het controleert niet of tags correct zijn gesloten en herstelt geen markup-fouten.
Wordt mijn code naar een server geüpload?
Nee. De opmaak gebeurt volledig in je browser; de HTML verlaat nooit je computer.