Kako da uvučem neuredan HTML?

Nalepite svoj HTML sa odabranom opcijom Ulepšaj, a zatim podesite uvlačenje na 2 razmaka, 4 razmaka ili Tabulatori. Izlaz se ažurira dok kucate i možete ga kopirati ili preuzeti .html datoteku. Učitaj primer prikazuje uzorak.

Može li da prelama duge redove ili formatira inline CSS i JavaScript?

Da. Prelom nudi Bez preloma, 80 kolona ili 120 kolona, a opcija Formatiraj style i script tagove takođe formatira CSS i JavaScript unutar tih blokova. Sadržaj u pre i textarea se ostavlja tačno onako kako je napisan.

Kako da minifikujem HTML za produkciju?

Odaberite Minifikuj. Razmaci između tagova se sažimaju, a komentari se uklanjaju osim ako ne označite Zadrži komentare. Opcioni checkboxovi su Ukloni neobavezne navodnike, Skrati logičke atribute i minifikovanje ugrađenih style, script i style atributa.

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

Sadržaj pre, script, style i textarea je zaštićen tokom sažimanja razmaka, a razmak se zadržava između susednih inline elemenata kako se reči ne bi spojile. Opciona ugrađena minifikacija se primenjuje samo ako je označite.

Da li se moj HTML šalje na server?

Ne. Tokenizer ugrađen u stranicu obrađuje markup u vašem pretraživaču, tako da privatni šabloni i HTML za e-poštu ostaju na vašem uređaju. Ne učitava se nijedna biblioteka za formatiranje treće strane.

Da li je zaista besplatno?

Da. Svaka alatka je besplatna za korišćenje, bez naloga i bez kreditne kartice. Obrada se obavlja na vašem uređaju, a ne na našim serverima, što omogućava da ostane besplatna.

Da li radi na mobilnim uređajima?

Da. Radi u aktuelnim mobilnim pregledačima na iOS-u i Androidu, bez instalacije.

🌐

HTML ulepšavač i minifikator — besplatno

Lepo štampajte ili minifikujte HTML sa pravilnim uvlačenjem ugnježdavanja. Čuva sadržaj unutar blokova <pre>, <script>, <style>.

Radi u pregledačuBez registracije, bez iskačućih prozoraNije potrebna prijavaBesplatno zauvek

Radi van mreže kada se učita

Uvlačenje:

Prelom:

Formatiraj <style> i <script>

Prevucite datoteku ovde ili kliknite da izaberete

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

ili pritisnite Ctrl+V da nalepite iz privremene memorije

Pretraži fajlove

HTML unos

Ulepšani HTML

Izlaz će se pojaviti ovde…

Uobičajene upotrebe

Otklanjanje grešaka Server-Rendered HTMLPregledajte ravu HTML izlaza sa vašeg servera (PHP, Rails, Django, Node) u čitljivom utikannom formatu.
Formatiranje Email HTML šablonaEmail HTML je dotaknut (tablice, inlajn stilovi). Formatirajte da ga učinite uređivanjem i održavanjem.
Formatiranje statičkih HTML stranicaRučno uređene statične HTML datoteke koriste od konzistentnog formatiranja za kooperativno uređivanje.
Očistite CMS-izvezeni HTMLWordPress, Wix, Squarespace izvoz HTML sa mnogo artefakata. Formatirajte ga da učinite uređivanjem.
Minifikujte HTML za proizvodnjuSmanjenje veličine HTML datoteke za brže učitavanje stranice čišćenjem praznog mesta i nepotrebnih karaktera.

Kako funkcioniše

Ova alatka formatira ili komprimuje HTML koristeći ručno napisan tokenizator svestan oznaka ugrađen direktno u stranicu — bez biblioteke za formatiranje trećih strana, bez putovanja do servera i nazad. Svaki znak vašeg markupa se obrađuje lokalno u pregledaču u trenutku kada ga otkucate ili nalepite.

1
Tokenizator skenira markup
Prilagođen skener znak-po-znak prolazi kroz HTML niz, prepoznajući komentare, DOCTYPE deklaracije, otvarajuće oznake, zatvarajuće oznake, samozatvarajuće prazne elemente (br, img, input, itd.), i sirove tekstualne čvorove. Namenski pomoćnik prati vrednosti atributa pod navodnicima tako da znaci poput > unutar atributa (npr. value="a>b") nikada ne izazovu preranu podelu oznake.
2
Dubina uvlačenja se prati po oznaci
Za režim ulepšavanja, tokenizator održava brojač dubine. Otvarajuće oznake na nivou bloka povećavaju dubinu; zatvarajuće je smanjuju pre nego što se ispišu. Inline elementi (span, a, strong, em, itd.) se drže u istom redu kao njihov sadržaj umesto da se guraju u sopstveni uvučen red. Oznake poput pre, script, style, i textarea imaju svoj unutrašnji sadržaj emitovan doslovno da bi se izbeglo oštećenje razmaka-osetljivog ili izvršnog koda.
3
Minifikator bezbedno svodi razmake
U režimu minifikacije, sadržaj blokova pre, script, style, i textarea se zamenjuje numerisanim čuvarima mesta pre nego što bilo kakvo svođenje razmaka počne. HTML komentari se uklanjaju, i nizovi razmaka između oznaka se uklanjaju — osim između susednih inline elemenata, gde se čuva jedan razmak tako da se reči ne spajaju. Čuvari mesta se zatim vraćaju na svoj originalni sadržaj.
4
Izlaz se prikazuje i opciono čuva
Formatiran ili minifikovan rezultat se pojavljuje uživo u panelu izlaza uz procenat promene veličine. Možete ga kopirati u privremenu memoriju ili preuzeti kao .html fajl, sve bez napuštanja pregledača.