Hogyan rendezhetem be a rendezetlen HTML-t?

Illessze be a HTML-jét a Szépítés kiválasztásával, majd állítsa a Behúzást 2 szóköz, 4 szóköz vagy Tabulátorok értékre. A kimenet gépelés közben frissül, és kimásolhatja vagy letöltheti .html fájlként. A Példa betöltése egy mintát mutat.

Képes sortördelni a hosszú sorokat, vagy formázni a beépített CSS-t és JavaScriptet?

Igen. A Sortörés kínálata: Nincs sortörés, 80 oszlop vagy 120 oszlop, a Stílus és script tagek formázása opció pedig a CSS és JavaScript tartalmát is formázza ezeken a blokkokon belül. A pre és textarea elemek tartalma pontosan úgy marad, ahogy írva volt.

Hogyan minifikálhatom a HTML-t éles környezethez?

Válassza a Minifikálás lehetőséget. A tagek közötti szóközök összeomlanak, a megjegyzések pedig eltávolításra kerülnek, hacsak be nem jelöli a Megjegyzések megtartása opciót. Az opcionális jelölőnégyzetek: Elhagyható idézőjelek eltávolítása, Logikai attribútumok rövidítése és a beágyazott stílus, script és style attribútumok minifikálása.

A minifikálás tönkreteszi a pre blokkjaimat vagy a scriptjeimet?

A pre, script, style és textarea elemek tartalma védett a szóközök összeomlasztása során, és egy szóköz megmarad a szomszédos soron belüli elemek között, hogy a szavak ne olvadjanak össze. Az opcionális beágyazott minifikálás csak akkor érvényesül, ha bejelöli.

A HTML-emet elküldik egy szerverre?

Nem. Az oldalba épített tokenizáló feldolgozza a jelölőnyelvet az Ön böngészőjében, így a privát sablonok és e-mail HTML-ek az eszközén maradnak. Nem töltődik be külső formázó könyvtár.

Igen. Minden eszköz ingyenesen használható, fiók és bankkártya nélkül. A munka a szervereink helyett a te eszközödön fut, ezért maradhat ingyenes a használata.

Igen. Az iOS és Android jelenlegi mobilböngészőiben fut, telepítés nélkül.

🌐

Ingyenes HTML-szépítő és minifier

Formázz vagy minifikálj HTML-t megfelelő beágyazási behúzással. Megőrzi a tartalmat a <pre>, <script>, <style> blokkokon belül.

A böngésződben futNincs regisztráció, nincs felugró ablakNem szükséges bejelentkezésÖrökre ingyenes

Betöltés után offline is működik

Behúzás:

Sortörés:

Húzza ide a fájlt, vagy kattintson a tallózáshoz

HTML, HTM · az eszközödön dolgozza fel

vagy nyomjon Ctrl+V-t a vágólapról való beillesztéshez

Fájlok tallózása

HTML bemenet

Formázott HTML

A kimenet itt jelenik meg…

Gyakori felhasználások

Kiszolgáló által renderelt HTML hibakereséseTekintse meg a szerverből (PHP, Rails, Django, Node) származó nyers HTML kimenetet olvasható behúzott formátumban.
Email HTML sablonok formázásaAz email HTML részletes (táblázatok, soron belüli stílusok). Formázza meg szerkeszthetővé és karbantarthatóvá tenni.
Statikus HTML oldalak formázásaA kézzel szerkesztett statikus HTML fájlok a konzisztens formázásból részesülnek az együttműködési szerkesztéshez.
CMS által exportált HTML megtisztításaA WordPress, Wix, Squarespace exportálja a HTML-t sok összetevővel. Formázza meg szerkeszthetővé tenni.
HTML minifikálása termeléshezCsökkentse a HTML fájl méretét a gyorsabb oldalbetöltéshez a fehér terület és a szükségtelen karakterek eltávolításával.

Hogyan működik

Ez az eszköz HTML-t formáz vagy tömörít egy kézzel írt, tag-tudatos tokenizálóval, amely közvetlenül az oldalba épült — nincs harmadik féltől származó formázó könyvtár, nincs szerver-oda-vissza. A markupja minden karaktere helyben, a böngészőben kerül feldolgozásra abban a pillanatban, amikor beír vagy beilleszt.

1
A tokenizáló szkenneli a markupot
Egy egyéni karakterenkénti szkenner végigmegy a HTML karakterláncon, azonosítva a megjegyzéseket, DOCTYPE deklarációkat, nyitó tageket, záró tageket, önmagukat záró üres elemeket (br, img, input stb.) és nyers szövegcsomópontokat. Egy dedikált segéd nyomon követi az idézett attribútumértékeket, így egy > karakter egy attribútumon belül (pl. value="a>b") soha nem okoz idő előtti tagfelosztást.
2
A behúzási mélység tagonként nyomon követett
Szépítés módhoz a tokenizáló egy mélységszámlálót tart fenn. A blokkszintű nyitó tagek növelik a mélységet; a záró tagek csökkentik, mielőtt kiíródnak. Az inline elemek (span, a, strong, em stb.) ugyanabban a sorban maradnak tartalmukkal, ahelyett hogy saját behúzott sorba kerülnének. A pre, script, style és textarea tagek belső tartalma szó szerint kerül kiadásra a bjeline-érzékeny vagy futtatható kód elrontásának elkerülésére.
3
A minifikáló biztonságosan sűríti a bjeline-t
Minify módban a pre, script, style és textarea blokkok tartalma számozott jelölőkre cserélődik bármilyen bjeline-sűrítés előtt. A HTML megjegyzések eltávolításra kerülnek, és a tagek közötti bjeline-futamok eltávolításra kerülnek — kivéve a szomszédos inline elemek között, ahol egyetlen szóköz megmarad, hogy a szavak ne olvadjanak össze. A jelölő-helyőrzők ezután visszaállításra kerülnek eredeti tartalmukra.
4
A kimenet megjelenik és opcionálisan mentésre kerül
A formázott vagy minifikált eredmény élőben jelenik meg a kimeneti panelen egy méretváltozás-százalékkal együtt. Vágólapra másolhatja vagy .html fájlként letöltheti, mindezt a böngésző elhagyása nélkül.