Hoe keep ek deurmekaar HTML in?

Plak jou HTML met Verfraai gekies, stel dan Inkeping op 2 spasies, 4 spasies of Tab. Uitvoer werk by terwyl jy tik, en jy kan dit kopieer of 'n .html-lêer aflaai. Laai voorbeeld wys 'n voorbeeld.

Kan dit lang lyne omvou of inlyn CSS en JavaScript formateer?

Ja. Omvou bied Geen omvou, 80 kolomme of 120 kolomme, en die opsie Formateer styl- en skrip-etikette formateer ook die CSS en JavaScript binne daardie blokke. Inhoud in pre en textarea word presies gelaat soos geskryf.

Hoe verklein ek HTML vir produksie?

Kies Verklein. Witruimte tussen etikette word ineengestort en kommentaar word verwyder tensy jy Hou kommentaar merk. Opsionele merkblokkies is Verwyder opsionele aanhalingstekens, Verkort boolese eienskappe en verkleining van ingebedde styl, skrip en styl-eienskappe.

Sal verkleining my pre-blokke of skripte breek?

Inhoud van pre, script, style en textarea word beskerm tydens witruimte-ineenstorting, en 'n spasie word tussen aangrensende inlyn-elemente gehou sodat woorde nie saamsmelt nie. Opsionele ingebedde verkleining geld slegs as jy dit merk.

Word my HTML na 'n bediener gestuur?

Nee. 'n Tokeniseerder wat in die bladsy ingebou is, verwerk die opmaak in jou blaaier, so privaat sjablone en e-pos HTML bly op jou toestel. Geen derdeparty-formateringsbiblioteek word gelaai nie.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer.

🌐

Gratis HTML Verfraaier en verkleiner

Druk of verklein HTML mooi met behoorlike nesinkeping. Bewaar inhoud binne <pre>, <script>, <style> blokke.

Loop in jou blaaierGeen aanmelding, geen opspringers nieGeen aanmelding benodigGratis vir altyd

Werk vanlyn sodra gelaai

Inspring:

Omvou:

Formateer <style> en <script>

Los 'n lêer hier, of klik om te soek

HTML, HTM · op jou toestel verwerk

of druk Ctrl+V om vanaf jou knipbord te plak

Blaai deur lêers

HTML-invoer

Opgemaakte HTML

Uitvoer verskyn hier…

Algemene gebruike

Ontfout bedienergelewer HTMLSien gratis HTML-uitvoer van u bediener (PHP, Rails, Django, Node) in n lesbare ingespringde formaat.
Formatteer E-poslêersmalvormselsE-pos HTML is verbose (tabelle, inlyn-style). Formatteer om dit bewerkbaar en onderhoubaar te maak.
Formatteer statiese HTML-bladsyeHandmatig redigeerde statiese HTML-lêers baat van konsekwente formatering vir samewerkende redigering.
Maak CMS-uitgevoerde HTML skoonWordPress, Wix, Squarespace voer HTML uit met baie artefakte. Formatteer om dit bewerkbaar te maak.
Mineer HTML vir produksieVerlaag HTML-lêergrootte vir vinniger bladsy-laaiing deur witruimte en onnodige karakters weg te sny.

Hoe dit werk

Hierdie nutsprogram formateer of komprimeer HTML met 'n handgeskrewe etiket-bewuste tokeniseerder direk in die bladsy gebou — geen derdeparty-formateringsbiblioteek, geen bediener-heen-en-weer nie. Elke karakter van jou opmaak word plaaslik in die blaaier verwerk die oomblik wat jy dit tik of plak.

1
Tokeniseerder skandeer die opmaak
'n Pasgemaakte karakter-vir-karakter-skandeerder loop deur die HTML-string, en identifiseer kommentaar, DOCTYPE-verklarings, oopmaak-etikette, toemaak-etikette, self-toemakende leeg-elemente (br, img, input, ens.), en rou-teksknope. 'n Toegewyde helper spoor aangehaalde eienskapwaardes na sodat karakters soos > binne 'n eienskap (bv. value="a>b") nooit veroorsaak dat 'n etiket vroeg splits nie.
2
Inkepingsdiepte word per etiket nagespoor
Vir verfraaiingsmodus hou die tokeniseerder 'n diepteteller by. Bloksvlak-oopmaak-etikette verhoog diepte; toemaak-etikette verlaag dit voordat hulle geskryf word. Inlyn-elemente (span, a, strong, em, ens.) word op dieselfde lyn as hul inhoud gehou eerder as na hul eie ingekeepte lyn gestoot. Etikette soos pre, script, style, en textarea het hul innerlike inhoud letterlik uitgevoer om spasiëring-sensitiewe of uitvoerbare kode nie te korrupteer nie.
3
Verkleiner vou spasiëring veilig saam
In verkleiningsmodus word die inhoud van pre-, script-, style-, en textarea-blokke vir genommerde skildwagte verruil voordat enige spasiëringsaamvoeging gebeur. HTML-kommentaar word gestrip, en reekse spasiëring tussen etikette word verwyder — behalwe tussen aangrensende inlyn-elemente, waar 'n enkele spasie behou word sodat woorde nie saamsmelt nie. Skildwag-plekhouers word dan na hul oorspronklike inhoud herstel.
4
Uitset word vertoon en opsioneel gestoor
Die geformateerde of verkleinde resultaat verskyn lewendig in die uitsetpaneel saam met 'n groottveranderingspersentasie. Jy kan dit na die knipbord kopieer of as 'n .html-lêer aflaai, alles sonder om die blaaier te verlaat.