Ugrás a tartalomhoz
TextArray
100% helyi

HTML-formázó

Formázd a HTML-t helyes beágyazási behúzással — a pre, script és style tartalma érintetlen marad.

Bemenet
Kimenet

HTML-formázó

Illessz be minifikált, máshonnan másolt vagy egyszerűen rendezetlen HTML-t, és szépen behúzva kapod vissza: minden beágyazott elem a választott behúzással beljebb kerül (két szóköz, négy szóköz vagy tabulátor), az üres elemek — br, img, input, meta, link — nem nyitnak új szintet, az olyan soron belüli elemek pedig, mint az a, b, em, strong, span és code, a szülő sorában maradnak, amikor az egész elem elfér — a rövid listaelemek és linkek így tömörek maradnak, ahelyett hogy három sorra esnének szét.

A formázó szándékosan elnéző, mert a valódi HTML gyakran hibás. A rosszul párosított vagy lezáratlan címkék soha nem okoznak hibát: a fölösleges záró címkét eldobja, a lezáratlan elemet a szülője zárja le, a dokumentum többi része pedig a lehető legjobban formázódik. A pre, script és style elemek tartalma szó szerint halad át — az előformázott szöveg megtartja a térközeit, a beágyazott JavaScript és CSS soha nem kap új behúzást.

Két tisztító beállítás kezeli a szokásos zajt. Az „Üres sorok eltávolítása az elemek között" törli a sablonokból másoláskor felgyülemlő üres sorokat, a „Szóközök összevonása a szövegben" pedig a szövegcsomópontok szóköz- és sortöréssorozatait egyetlen szóközzé vonja össze — a pre, script és style belsejében soha. A kimenet alatti összesítő az elemek számát, a sorok előtte-utána értékét és a legmélyebb beágyazási szintet mutatja.

Minden helyben, a böngésződben fut: az oldalak, sablonok és e-mail-markupok soha nem hagyják el a gépedet. Az eredményt másold ki, vagy töltsd le .txt fájlként.

Gyakori kérdések

Mi történik a hibás HTML-lel?
Akkor is formázódik. A fölösleges záró címke kimarad, a lezáratlan elemet a szülője zárja le, és hibaüzenet soha nem jelenik meg — a valódi HTML ritkán tökéletes, a formázó pedig pontosan erre készült.
Módosul a script, style vagy pre tartalma?
Nem. A pre, script és style elemek belső tartalma bájtról bájtra változatlanul halad át. Az előformázott térközök, a beágyazott JavaScript és CSS pontosan megőrzik eredeti elrendezésüket.
Mikor maradnak a soron belüli elemek egy sorban?
A soron belüli elemek (a, b, i, em, strong, span, code, small, sub, sup) a szülő sorában maradnak, ha az egész elem az aktuális behúzással nagyjából 80 karakterbe belefér. A hosszabb elemek blokk módjára behúzott sorokra törnek.
Mit csinál a „Szóközök összevonása a szövegben" beállítás?
A szövegcsomópontokban a szóközök, tabulátorok és sortörések sorozatai egyetlen szóközzé válnak — a böngésző amúgy is így jeleníti meg őket. A pre, script és style tartalma soha nem kerül összevonásra.
Feltöltődik valahová a HTML-em?
Nem. Az eszköz teljes egészében a böngésződben fut, és a markup soha nem hagyja el az eszközödet.