Ako odsadím neprehľadné HTML?

Vložte svoj HTML so zvolenou možnosťou Skrášliť, potom nastavte Odsadenie na 2 medzery, 4 medzery alebo Tabulátory. Výstup sa aktualizuje pri písaní a môžete ho skopírovať alebo stiahnuť ako súbor .html. Načítať príklad zobrazí ukážku.

Dokáže zalomiť dlhé riadky alebo formátovať inline CSS a JavaScript?

Áno. Zalamovanie ponúka Bez zalamovania, 80 stĺpcov alebo 120 stĺpcov a voľba Formátovať značky style a script formátuje aj CSS a JavaScript v týchto blokoch. Obsah v pre a textarea sa ponechá presne tak, ako bol napísaný.

Ako minifikujem HTML pre produkciu?

Zvoľte Minifikovať. Medzery medzi značkami sa zbalia a komentáre sa odstránia, pokiaľ nezaškrtnete Ponechať komentáre. Voliteľné zaškrtávacie políčka sú Odstrániť voliteľné úvodzovky, Skrátiť booleovské atribúty a minifikácia vložených style, script a atribútov style.

Pokazí minifikácia moje bloky pre alebo skripty?

Obsah pre, script, style a textarea je počas zbaľovania medzier chránený a medzi susednými inline prvkami sa ponechá medzera, aby sa slová nezliali. Voliteľná vložená minifikácia sa použije, len ak ju zaškrtnete.

Posiela sa moje HTML na server?

Nie. Tokenizér zabudovaný na stránke spracúva značkovanie vo vašom prehliadači, takže súkromné šablóny a e-mailové HTML zostávajú vo vašom zariadení. Nenačítava sa žiadna formátovacia knižnica tretej strany.

Je to naozaj zadarmo?

Áno. Každý nástroj je zadarmo, bez účtu a bez kreditnej karty. Práca prebieha vo vašom zariadení, nie na našich serveroch, vďaka čomu je jej prevádzka bezplatná.

Funguje to na mobile?

Áno. Funguje v aktuálnych mobilných prehliadačoch na iOS a Androide, bez inštalácie.

🌐

Skrášľovač a minifikátor HTML zadarmo

Pekne vytlačte alebo minifikujte HTML so správnym odsadením vnorenia. Zachováva obsah v blokoch <pre>, <script>, <style>.

Beží vo vašom prehliadačiBez registrácie, bez vyskakovacích okienPrihlásenie nie je potrebnéZadarmo navždy

Po načítaní funguje offline

Odsadenie:

Zalamovanie:

Formátovať <style> a <script>

Presuňte sem súbor alebo kliknutím vyberte

HTML, HTM · spracované vo vašom zariadení

alebo stlačte Ctrl+V na vloženie zo schránky

Prehľadávať súbory

HTML vstup

Naformátovaný HTML

Výstup sa zobrazí tu…

Bežné použitia

Ladenie HTML vyplyvajúceho zo serveraPozrite si raw HTML výstup z vášho servera (PHP, Rails, Django, Node) v čitateľnom odsadenom formáte.
Formátovanie šablón HTML e-mailuEmail HTML je zložitý (tabuľky, vložené štýly). Formátujte ho, aby bol upravovateľný a udržiavateľný.
Formátovanie statických HTML stránokRučne upravované statické súbory HTML majú úžitok z konzistentného formátovania na spoločné úpravy.
Vyčistiť HTML exportovaný z CMSWordPress, Wix, Squarespace export HTML s veľa artefaktov. Formátujte ho, aby bol upravovateľný.
Minifikujte HTML na výrobuZnížte veľkosť súboru HTML na rýchlejšie načítanie stránok odstraňovaním prázdneho miesta a nepotrebných znakov.

Ako to funguje

Tento nástroj formátuje alebo komprimuje HTML pomocou ručne napísaného tokenizéra citlivého na tagy zabudovaného priamo do stránky — bez formátovacej knižnice tretej strany, bez okruhu na server. Každý znak vašich značiek sa spracúva lokálne v okamihu, keď ho napíšete alebo vložíte.

1
Tokenizér prehľadáva značky
Vlastný skener po jednotlivých znakoch prechádza reťazec HTML a identifikuje komentáre, deklarácie DOCTYPE, otváracie tagy, zatváracie tagy, samozatvárajúce prázdne elementy (br, img, input atď.) a surové textové uzly. Vyhradený pomocník sleduje hodnoty atribútov v úvodzovkách, takže znaky ako > vnútri atribútu (napr. value="a>b") nikdy nespôsobia predčasné rozdelenie tagu.
2
Hĺbka odsadenia sa sleduje pre každý tag
V režime skrášlenia tokenizér udržiava počítadlo hĺbky. Blokové otváracie tagy hĺbku zvyšujú; zatváracie tagy ju znižujú pred zápisom. Inline elementy (span, a, strong, em atď.) zostávajú na tom istom riadku ako ich obsah namiesto presunu na vlastný odsadený riadok. Tagy ako pre, script, style a textarea majú svoj vnútorný obsah vypísaný doslovne, aby sa predišlo poškodeniu kódu citlivého na biele znaky alebo spustiteľného kódu.
3
Minifikátor bezpečne zbaľuje biele znaky
V režime minifikácie sa obsah blokov pre, script, style a textarea pred akýmkoľvek zbaľovaním bielych znakov vymení za číslované zástupné znaky. Komentáre HTML sa odstránia a sledy bielych znakov medzi tagmi sa odstránia — okrem priľahlých inline elementov, kde sa zachová jedna medzera, aby sa slová nezliali. Zástupné znaky sa potom obnovia na svoj pôvodný obsah.
4
Výstup sa zobrazuje a voliteľne ukladá
Formátovaný alebo minifikovaný výsledok sa zobrazuje živo vo výstupnom paneli spolu s percentom zmeny veľkosti. Môžete ho skopírovať do schránky alebo stiahnuť ako súbor .html, a to všetko bez opustenia prehliadača.