Hvordan indrykker jeg rodet HTML?

Indsæt din HTML med Forskøn valgt, og indstil derefter Indrykning til 2 mellemrum, 4 mellemrum eller Tabulatorer. Outputtet opdateres, mens du skriver, og du kan kopiere det eller hente en .html-fil. Indlæs eksempel viser en prøve.

Kan den ombryde lange linjer eller formatere inline CSS og JavaScript?

Ja. Ombrydning tilbyder Ingen ombrydning, 80 kolonner eller 120 kolonner, og indstillingen Formatér style- og script-tags formaterer også CSS og JavaScript inde i disse blokke. Indhold i pre og textarea efterlades nøjagtigt som skrevet.

Hvordan minificerer jeg HTML til produktion?

Vælg Minificér. Mellemrum mellem tags kollapses, og kommentarer fjernes, medmindre du sætter kryds i Behold kommentarer. Valgfrie afkrydsningsfelter er Fjern valgfrie anførselstegn, Forkort booleske attributter og minificering af indlejret style, script og style-attributter.

Vil minificering ødelægge mine pre-blokke eller scripts?

Indholdet af pre, script, style og textarea beskyttes under kollaps af mellemrum, og der holdes et mellemrum mellem tilstødende inline-elementer, så ord ikke smelter sammen. Valgfri indlejret minificering anvendes kun, hvis du sætter kryds.

Sendes min HTML til en server?

Nej. En tokenizer indbygget i siden behandler opmærkningen i din browser, så private skabeloner og e-mail-HTML forbliver på din enhed. Intet tredjeparts formateringsbibliotek indlæses.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere.

🌐

Gratis HTML-forskønner og -minifier

Udskriv eller minifiér HTML pænt med korrekt indlejringsindrykning. Bevarer indhold inde i <pre>-, <script>- og <style>-blokke.

Kører i din browserIngen tilmelding, ingen pop-upsIngen login krævetGratis for altid

Virker offline, når den er indlæst

Indrykning:

Ombrydning:

Formatér <style> og <script>

Slip en fil her, eller klik for at vælge

HTML, HTM · behandles på din enhed

eller tryk Ctrl+V for at indsætte fra udklipsholderen

Gennemse filer

HTML-input

Formateret HTML

Output vises her…

Almindelige anvendelser

Fejlfind server-rendereret HTMLVis rå HTML-output fra din server (PHP, Rails, Django, Node) i et læsbart indrykkeret format.
Formatér e-mail HTML-skabelonerE-mail HTML er ordrig (tabeller, inline-styles). Formatér for at gøre det redigerbar og vedligeholdelig.
Formatér statiske HTML-siderManuelt redigeret statiske HTML-filer drager fordel af konsekvent formatering til samarbejds-redigering.
Ryd CMS-eksporteret HTMLWordPress, Wix, Squarespace eksporter HTML med masse af artefakter. Formatér for at gøre det redigerbar.
Minificér HTML til produktionReducer HTML-filstørrelse til hurtigere sideindlæsning ved at fjerne whitespace og unødvendige tegn.

Sådan fungerer det

Værktøjet formaterer eller komprimerer HTML med en håndskrevet tag-bevidst tokenizer bygget direkte ind i siden — intet tredjeparts formateringsbibliotek, ingen tur til en server. Hvert tegn i din markup behandles lokalt i browseren i det øjeblik, du skriver eller indsætter den.

1
Tokenizeren gennemgår markuppen
En egen scanner gennemgår HTML-strengen tegn for tegn og finder kommentarer, DOCTYPE-erklæringer, åbnings-tags, lukke-tags, selvlukkende tomme elementer (br, img, input osv.) og rå tekstnoder. En særlig hjælpefunktion holder styr på citerede attributværdier, så tegn som > inde i en attribut (f.eks. value="a>b") aldrig får et tag til at blive delt for tidligt.
2
Indrykningsdybden følges pr. tag
I forskønnelsestilstand holder tokenizeren en dybdetæller. Åbnings-tags på blokniveau øger dybden; lukke-tags mindsker den, før de skrives. Inline-elementer (span, a, strong, em osv.) holdes på samme linje som deres indhold i stedet for at blive skubbet ned på deres egen indrykkede linje. Tags som pre, script, style og textarea får deres indhold udskrevet uændret for ikke at ødelægge blanktegnsfølsom eller eksekverbar kode.
3
Minificeringen samler blanktegn sikkert
I minificeringstilstand byttes indholdet af pre-, script-, style- og textarea-blokke ud med nummererede pladsholdere, før blanktegn samles. HTML-kommentarer fjernes, og sammenhængende blanktegn mellem tags fjernes — undtagen mellem tilstødende inline-elementer, hvor ét mellemrum bevares, så ord ikke smelter sammen. Pladsholderne erstattes derefter med det oprindelige indhold.
4
Outputtet vises og kan gemmes
Det formaterede eller minificerede resultat vises live i outputpanelet sammen med den procentvise størrelsesændring. Du kan kopiere det til udklipsholderen eller downloade det som en .html-fil, alt sammen uden at forlade browseren.