Kako da uvrstim razmake u neuredan HTML?

Zalijepite svoj HTML s odabranom opcijom Uljepšaj, zatim postavite Uvlačenje na 2 razmaka, 4 razmaka ili Tabulatori. Izlaz se ažurira dok tipkate, a možete ga kopirati ili preuzeti .html datoteku. Učitaj primjer prikazuje uzorak.

Može li prelamati duge retke ili formatirati inline CSS i JavaScript?

Da. Prijelom nudi Bez prijeloma, 80 stupaca ili 120 stupaca, a opcija Formatiraj oznake stila i skripte također formatira CSS i JavaScript unutar tih blokova. Sadržaj u pre i textarea ostavlja se točno onako kako je napisan.

Kako da minificiram HTML za produkciju?

Odaberite Minificiraj. Razmaci između oznaka se sažimaju, a komentari uklanjaju osim ako ne označite Zadrži komentare. Neobavezni potvrdni okviri su Ukloni neobavezne navodnike, Skrati booleove atribute i minificiranje ugrađenih stilova, skripti i atributa stila.

Hoće li minifikacija pokvariti moje pre blokove ili skripte?

Sadržaji pre, script, style i textarea zaštićeni su tijekom sažimanja razmaka, a razmak se zadržava između susjednih inline elemenata kako se riječi ne bi spojile. Opcionalna ugrađena minifikacija primjenjuje se samo ako je označite.

Šalje li se moj HTML na poslužitelj?

Ne. Tokenizator ugrađen u stranicu obrađuje oznake u vašem pregledniku, tako da privatni predlošci i HTML e-pošte ostaju na vašem uređaju. Ne učitava se biblioteka za formatiranje treće strane.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije.

🌐

HTML uljepšivač i minifikator — besplatno

Lijepo ispišite ili minificirajte HTML s pravilnim uvlačenjem ugniježđivanja. Čuva sadržaj unutar <pre>, <script>, <style> blokova.

Radi u preglednikuBez registracije, bez skočnih prozoraNije potrebna prijavaBesplatno zauvijek

Radi offline nakon učitavanja

Uvlačenje:

Prijelom:

Formatiraj <style> i <script>

Ispustite datoteku ovdje ili kliknite za odabir

HTML, HTM · obrađuje se na vašem uređaju

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj datoteke

HTML unos

Uljepšani HTML

Izlaz će se prikazati ovdje…

Uobičajene namjene

Otklonite greške HTML-a prikazanog na serveruPregledajte sirovu HTML izlaz sa vašeg servera (PHP, Rails, Django, Node) u čitljivom udubljenom formatu.
Format šablona Email HTML-aEmail HTML je opširan (tablice, ugrađeni stilovi). Formazirajte ga kako biste ga učinili uređivanjem i održavanjem.
Format statičkih HTML stranicaRučno uređene statičke HTML datoteke se koriste od konzistentnog formatiranja za suradničko uređivanje.
Očistite HTML izvezeni sa CMS-aWordPress, Wix, Squarespace izvez HTML sa mnogo artefakata. Formazirajte ga kako biste ga učinili uređivanjem.
Minificirajte HTML za proizvodnjuSmanjite veličinu HTML datoteke za brže učitavanje stranica odstranjivanjem razmaka i nepotrebnih znakova.

Kako funkcionira

Ovaj alat formatira ili komprimira HTML koristeći ručno napisani tokenizator svjestan oznaka ugrađen izravno u stranicu — bez biblioteke za formatiranje treće strane, bez okretanja poslužitelju. Svaki znak vašeg markupa obrađuje se lokalno u trenutku kad tipkate ili lijepite.

1
Tokenizator skenira markup
Prilagođeni skener znak po znak prolazi kroz HTML niz, identificirajući komentare, DOCTYPE deklaracije, otvarajuće oznake, zatvarajuće oznake, samozatvarajuće prazne elemente (br, img, input itd.) i sirove tekstualne čvorove. Namjenski pomoćnik prati citirane vrijednosti atributa tako da znakovi poput > unutar atributa (npr. value="a>b") nikad ne uzrokuju prerano razdvajanje oznake.
2
Dubina uvlačenja prati se po oznaci
Za način uljepšavanja, tokenizator održava brojač dubine. Otvarajuće oznake na razini bloka povećavaju dubinu; zatvarajuće je smanjuju prije zapisivanja. Ugrađeni elementi (span, a, strong, em itd.) zadržavaju se u istom retku kao njihov sadržaj umjesto guranja u vlastiti uvučeni redak. Oznake poput pre, script, style i textarea imaju svoj unutarnji sadržaj emitiran doslovno kako se ne bi pokvarile bjeline osjetljiv ili izvršni kod.
3
Minifikator sigurno sažima bjeline
U načinu minify, sadržaj blokova pre, script, style i textarea zamjenjuje se numeriranim čuvarima mjesta prije bilo kakvog sažimanja bjelina. HTML komentari se uklanjaju, a nizovi bjelina između oznaka uklanjaju se — osim između susjednih ugrađenih elemenata, gdje se čuva jedan razmak tako da se riječi ne spoje. Čuvari mjesta se zatim obnavljaju na izvorni sadržaj.
4
Izlaz se prikazuje i opcionalno sprema
Formatirani ili minificirani rezultat pojavljuje se uživo u izlaznom panelu uz postotak promjene veličine. Možete ga kopirati u međuspremnik ili preuzeti kao .html datoteku, sve bez napuštanja preglednika.