Hoppa till innehåll
TextArray
100% lokalt

HTML-formaterare

Pretty-print HTML med korrekt kapslingsindrag, utan att någonsin röra pre-, script- eller stilinnehåll.

Inmatning
Utmatning

HTML-formaterare

Klistra in förminskad, kopierad eller bara rörig HTML och få tillbaka den ordentligt indragen: varje kapslat element stegar in med ditt valda indrag (två blanksteg, fyra blanksteg eller tabbar), tomma element som br, img, input, meta och länk behandlas som icke-kapslande, och inline-element som a, b, em, stark, span och kod blir kvar på listan med överordnade element, så att hela länkarna i stället förblir på deras korta elementlista. att explodera i tre rader vardera.

Formateraren är medvetet förlåtande, eftersom HTML i det vilda är felaktigt. Felmatchade eller ostängda taggar ger aldrig ett fel: en lös stängningstagg släpps, ett ostängt element stängs implicit av sitt överordnade, och resten av dokumenten formaterar så gott det går. Innehållet i pre-, script- och stilelement passerar ordagrant - din förformaterade text behåller sitt mellanrum och din inbäddade JavaScript och CSS dras aldrig in igen eller omformas.

Två rengöringsalternativ hanterar det vanliga bruset. "Ta bort tomma rader mellan element" tar bort de tomma raderna som hopar sig när uppmärkning kopieras från mallar, och "Komprimera blanksteg i text" förvandlar serier av mellanslag och radbrytningar inuti textnoder till enstaka mellanslag - aldrig inuti pre, skript eller stil. Sammanställningen under utdata rapporterar element, linjer in och ut, och den djupaste häckningsnivån.

Allt körs lokalt i din webbläsare: sidor, mallar och e-postmärkning lämnar aldrig din dator. Kopiera resultatet eller ladda ner det som en .txt-fil.

FAQ

Vad händer med felaktig HTML?
Den formaterar i alla fall. En bortkommen stängningstagg släpps, ett ostängt element stängs implicit av sin överordnade och inget fel visas någonsin - HTML i verkligheten är sällan perfekt och formateraren är byggd för det.
Kommer mitt manus, stil eller pre-innehåll att ändras?
Nej. Det inre innehållet i pre-, script- och stilelement passerar genom byte för byte. Förformaterat mellanrum, inbäddad JavaScript och CSS behåller sin exakta ursprungliga layout.
När stannar inline-element på en rad?
Inline-element (a, b, i, em, strong, span, code, small, sub, sup) stannar på sin överordnade linje när hela elementet ryms inom cirka 80 tecken vid det aktuella indraget. Längre element bryter upp i indragna linjer som vilket blockelement som helst.
Vad gör "Komprimera blanksteg i text"?
Körningar av mellanslag, tabbar och radbrytningar inuti textnoder blir ett enda mellanslag, vilket är hur webbläsare ändå renderar dem. Innehåll i pre, manus och stil kollapsas aldrig.
Laddas min HTML upp någonstans?
Nej. Verktyget körs helt i din webbläsare och din markering lämnar aldrig din enhet.