Verfraai HTML, CSS en JavaScript — voeg inspringen en regeleinden toe om rommelige of geminificeerde code leesbaar te maken.

Regels
Grootte
Je opgemaakte code verschijnt hier.

						

Over Code Formatter

De Code Formatter maakt HTML, CSS en JavaScript overzichtelijk: het lijnt geneste structuren opnieuw uit, herstelt regeleinden en spatiëring, en verandert geminifiede of rommelige code weer in iets dat je daadwerkelijk kunt lezen en beoordelen.

Plak code rechtstreeks of upload een .html-, .css- of .js-bestand, kies de taal en formatteer met één klik. Het uitvoervenster toont het resulterende aantal regels en de bestandsgrootte, en de opgemaakte code kan naar het klembord worden gekopieerd of als bestand worden gedownload.

Het is de natuurlijke tegenhanger van de minifier — gebruik het om een productiebundel die je moet debuggen weer leesbaar te maken, gegenereerde markup op te ruimen of inspringing te normaliseren vóór een codereview. Geüploade bestanden worden op de server verwerkt en daarna automatisch opgeruimd.

Hoe gebruik je Code Formatter

  1. Selecteer de taal: HTML, CSS of JavaScript.
  2. Plak de rommelige of geminifiede code, of upload het bestand.
  3. Klik op Format.
  4. Kopieer het opgemaakte resultaat of download het als bestand.

Veelgestelde vragen

Ja — het opmaken van HTML, CSS en JavaScript is gratis en onbeperkt, zonder registratie.

Ja. De formatter herstelt regeleinden en inspringing, waardoor eenregelige geminifiede CSS of JavaScript wordt uitgebreid tot correct geneste, beoordeelbare code. Let op: het kan geen variabelenamen herstellen die door een agressieve minifier zijn verwijderd.

Nee. Alleen witruimte, inspringing en regeleinden worden aangepast — tokens, strings en logica blijven onaangeroerd, dus het opgemaakte bestand gedraagt zich identiek aan het origineel.

Ja. Schakel over naar Bestand uploaden en sleep een HTML-, CSS- of JS-bestand erin, tot de op de pagina getoonde groottelimiet. Uploads worden verwerkt voor de opmaakbewerking en daarna automatisch opgeruimd.

HTML (inclusief ingesloten markup), CSS en JavaScript. Gebruik voor JSON de speciale JSON Formatter, die naast pretty-printing ook validatie en foutlocaties toevoegt.


Populaire zoekopdrachten
code formatter javascript verfraaien css formatteren online html verfraaier code mooi weergeven code verfraaier
Hulp nodig?
Een probleem met deze tool gevonden? Laat het ons weten.
Een probleem melden

Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.