Hvordan rykker jeg inn uryddig HTML?

Lim inn HTML-en din med Formater valgt, og sett deretter Innrykk til 2 mellomrom, 4 mellomrom eller Tabulatorer. Utdata oppdateres mens du skriver, og du kan kopiere det eller laste ned en .html-fil. Last inn eksempel viser en prøve.

Kan den bryte lange linjer eller formatere innebygd CSS og JavaScript?

Ja. Linjebryting tilbyr Ingen linjebryting, 80 kolonner eller 120 kolonner, og alternativet Formater stil- og script-tagger formaterer også CSS-en og JavaScript-en inni disse blokkene. Innhold i pre og textarea forblir nøyaktig som skrevet.

Hvordan minifiserer jeg HTML for produksjon?

Velg Minifiser. Mellomrom mellom tagger slås sammen og kommentarer fjernes med mindre du krysser av for Behold kommentarer. Valgfrie avkrysningsbokser er Fjern valgfrie anførselstegn, Forkort boolske attributter og minifisering av innebygd stil, script og stil-attributter.

Vil minifisering ødelegge pre-blokkene eller skriptene mine?

Innholdet i pre, script, style og textarea beskyttes under sammenslåing av mellomrom, og et mellomrom beholdes mellom tilstøtende innebygde elementer slik at ord ikke smelter sammen. Valgfri innebygd minifisering gjelder bare hvis du krysser av for det.

Blir HTML-en min sendt til en server?

Nei. En tokenizer innebygd på siden behandler markeringen i nettleseren din, slik at private maler og e-post-HTML forblir på enheten din. Ingen tredjeparts formateringsbibliotek lastes inn.

Er det virkelig gratis?

Ja. Alle verktøy er gratis å bruke, uten konto og uten kredittkort. Arbeidet utføres på enheten din i stedet for på våre servere, noe som gjør det gratis å kjøre.

Fungerer det på mobil?

Ja. Det fungerer i moderne mobilnettlesere på iOS og Android, uten at du trenger å installere noe.

🌐

Gratis HTML-formaterer og -minifiserer

Formater eller minifiser HTML med korrekt nesting og innrykk. Bevarer innhold inni <pre>-, <script>- og <style>-blokker.

Kjører i nettleserenIngen registrering, ingen popup-vinduerIngen pålogging krevesGratis for alltid

Fungerer uten nett når den er lastet

Innrykk:

Linjebryting:

Formater <style> og <script>

Slipp en fil her, eller klikk for å bla

HTML, HTM · behandles på enheten din

eller trykk Ctrl+V for å lime inn fra utklippstavlen

Bla gjennom filer

HTML-inndata

Formatert HTML

Utdata vises her…

Vanlige bruksområder

Feilsøk server-renderert HTMLSe rå HTML-utdata fra serveren din (PHP, Rails, Django, Node) i et lesbart innrykkert format.
Formater e-post HTML-malerE-post HTML er ordrik (tabeller, innebygde stiler). Formater for å gjøre det redigerbar og vedlikeholdbar.
Formater statiske HTML-siderManuelt redigert statiske HTML-filer drar fordel av konsekvent formatering for samarbeidsredigering.
Rens CMS-eksportert HTMLWordPress, Wix, Squarespace eksporter HTML med mange gjenstander. Formater for å gjøre det redigerbar.
Minifiser HTML for produksjonReduser HTML-filstørrelse for raskere sidelastinger ved å fjerne mellomrom og unødvendige tegn.

Hvordan det fungerer

Verktøyet formaterer eller komprimerer HTML med en håndskrevet tag-bevisst tokeniserer bygget direkte inn i siden — ingen tredjeparts formateringsbibliotek, ingen tur til serveren. Hvert tegn i koden behandles lokalt i nettleseren i det du skriver eller limer inn.

1
Tokeniseren skanner koden
En egen skanner går gjennom HTML-strengen tegn for tegn og identifiserer kommentarer, DOCTYPE-deklarasjoner, åpnings- og lukketagger, selvlukkende tomme elementer (br, img, input osv.) og rå tekstnoder. En egen hjelper holder rede på attributtverdier i anførselstegn, så tegn som > inne i et attributt (f.eks. value="a>b") aldri får en tag til å deles for tidlig.
2
Innrykksdybden spores per tag
I formateringsmodus holder tokeniseren en dybdeteller. Åpningstagger på blokknivå øker dybden; lukketagger senker den før de skrives. Inline-elementer (span, a, strong, em osv.) holdes på samme linje som innholdet i stedet for å få sin egen innrykkede linje. Tagger som pre, script, style og textarea får innholdet skrevet ut ordrett for å unngå å ødelegge mellomromssensitiv eller kjørbar kode.
3
Minifisereren slår sammen mellomrom trygt
I minifiseringsmodus byttes innholdet i pre-, script-, style- og textarea-blokker ut med nummererte plassholdere før mellomrom slås sammen. HTML-kommentarer fjernes, og serier med mellomrom mellom tagger fjernes — unntatt mellom tilstøtende inline-elementer, der ett mellomrom bevares så ordene ikke smelter sammen. Plassholderne gjenopprettes deretter til originalinnholdet.
4
Resultatet vises og kan lagres
Det formaterte eller minifiserte resultatet vises live i utdatapanelet sammen med prosentvis størrelsesendring. Du kan kopiere det til utklippstavlen eller laste det ned som .html-fil, alt uten å forlate nettleseren.