Hur indenterar jag rörig HTML?

Klistra in din HTML med Formatera valt, ställ sedan in Indent till 2 mellanslag, 4 mellanslag eller Tabbar. Resultatet uppdateras medan du skriver, och du kan kopiera det eller ladda ner en .html-fil. Ladda exempel visar ett prov.

Kan den radbryta långa rader eller formatera inline-CSS och JavaScript?

Ja. Radbrytning erbjuder Ingen radbrytning, 80 kolumner eller 120 kolumner, och alternativet Formatera style- och script-taggar formaterar även CSS och JavaScript inuti dessa block. Innehåll i pre och textarea lämnas exakt som det är skrivet.

Hur minifierar jag HTML för produktion?

Välj Minifiera. Mellanrum mellan taggar kollapsas och kommentarer tas bort om du inte kryssar i Behåll kommentarer. Valfria kryssrutor är Ta bort valfria citattecken, Förkorta booleska attribut och minifiering av inbäddad style, script och style-attribut.

Kommer minifiering att förstöra mina pre-block eller skript?

Innehållet i pre, script, style och textarea skyddas vid kollaps av mellanrum, och ett mellanslag behålls mellan intilliggande inline-element så att ord inte smälter samman. Valfri inbäddad minifiering tillämpas endast om du kryssar i det.

Skickas min HTML till en server?

Nej. En tokenizer inbyggd i sidan bearbetar koden i din webbläsare, så privata mallar och e-post-HTML stannar på din enhet. Inget tredjepartsbibliotek för formatering laddas.

Är det verkligen gratis?

Ja. Alla verktyg är gratis att använda, utan konto och utan kreditkort. Arbetet utförs på din enhet istället för på våra servrar, vilket är det som gör det gratis att köra.

Fungerar det på mobil?

Ja. Det fungerar i moderna mobilwebbläsare på iOS och Android, utan installation.

🌐

Gratis HTML-formatering och minifierare

Snygg utskrift eller minifiering av HTML med korrekt kapslingsdragning. Bevarar innehåll inuti <pre>-, <script>- och <style>-block.

Körs i din webbläsareIngen registrering, inga popup-fönsterIngen inloggning krävsGratis för alltid

Fungerar offline när den väl lästs in

Indrag:

Radbrytning:

Formatera <style> och <script>

Släpp en fil här, eller klicka för att bläddra

HTML, HTM · bearbetas på din enhet

eller tryck Ctrl+V för att klistra in från urklipp

Bläddra bland filer

HTML-inmatning

Formaterad HTML

Utdata visas här…

Vanliga användningar

Felsök server-renderad HTMLSe rå HTML-utgång från din server (PHP, Rails, Django, Node) i ett läsbart indenterad format.
Formatera e-postmall HTMLE-post HTML är verbose (tabeller, inline styles). Formatera för att göra det redigerbar och underhålls.
Formatera statiska HTML-sidorManuellt redigerade statiska HTML-filer drar nytta av konsekvent formatering för samarbetsredigering.
Rensa CMS-exporterad HTMLWordPress, Wix, Squarespace exportera HTML med massor av artefakter. Formatera för att göra det redigerbar.
Minifiera HTML för produktionMinska HTML-filstorlek för snabbare sidladdningar genom att rensa vita utrymme och onödiga tecken.

Så här fungerar det

Det här verktyget formaterar eller komprimerar HTML med en handskriven, taggmedveten tokeniserare inbyggd direkt i sidan — inget tredjeparts formateringsbibliotek, ingen serverrundtur. Varje tecken i din kod bearbetas lokalt så fort du skriver eller klistrar in den.

1
Tokeniseraren skannar koden
En anpassad tecken-för-tecken-skanner går igenom HTML-strängen och identifierar kommentarer, DOCTYPE-deklarationer, öppningstaggar, stängningstaggar, självstängande tomma element (br, img, input, osv.) och råa textnoder. En dedikerad hjälpfunktion håller reda på citerade attributvärden så att tecken som > inuti ett attribut (t.ex. value="a>b") aldrig får en tagg att avslutas för tidigt.
2
Indenteringsdjup spåras per tagg
I formateringsläge håller tokeniseraren en djupräknare. Blocknivåöppningstaggar ökar djupet; stängningstaggar minskar det innan de skrivs ut. Inline-element (span, a, strong, em, osv.) hålls på samma rad som sitt innehåll istället för att skjutas till en egen indenterad rad. Taggar som pre, script, style och textarea får sitt inre innehåll återgivet ordagrant för att undvika att förstöra blanktecken-känslig eller körbar kod.
3
Minifieraren komprimerar blanktecken säkert
I minifieringsläge byts innehållet i pre-, script-, style- och textarea-block ut mot numrerade platshållare innan någon blankstegskomprimering sker. HTML-kommentarer tas bort, och sekvenser av blanktecken mellan taggar tas bort — utom mellan intilliggande inline-element, där ett enda mellanslag bevaras så att ord inte smälter ihop. Platshållarna återställs sedan till sitt ursprungliga innehåll.
4
Utdata visas och kan valfritt sparas
Det formaterade eller minifierade resultatet visas live i utdatapanelen tillsammans med en procentandel för storleksändring. Du kan kopiera det till urklipp eller ladda ned det som en .html-fil, allt utan att lämna webbläsaren.