Kā formatēt nesakārtotu HTML?

Ielīmējiet savu HTML ar izvēlētu 'Beautify', pēc tam iestatiet atkāpi uz 2 atstarpes, 4 atstarpes vai Tabulācijas. Izvade atjaunojas, kad rakstāt, un jūs varat to kopēt vai lejupielādēt .html failu. Ielādēt piemēru parāda paraugu.

Vai tas var aplauzt garas rindas vai formatēt iekļauto CSS un JavaScript?

Jā. Vienums Wrap piedāvā No wrap, 80 kolonnas vai 120 kolonnas, un opcija “Format style and script tags” formatē arī CSS un JavaScript šajos blokos. Saturs pre un textarea elementos paliek tieši tāds, kāds rakstīts.

Kā minimizēt HTML priekš produkcijas?

Izvēlieties 'Minify'. Atstarpes starp tagiem tiek sablīvētas, un komentāri tiek noņemti, ja vien neatzīmējat Saglabāt komentārus. Neobligātās izvēles rūtiņas ir Noņemt neobligātās pēdiņas, Saīsināt Būla atribūtus un iekļauto stilu, skriptu un stila atribūtu minimizēšana.

Vai minimizēšana sabojās manus pre blokus vai skriptus?

Elementu pre, script, style un textarea saturs tiek aizsargāts, saspiežot atstarpes, un starp blakus esošiem iekļautajiem elementiem tiek saglabāta atstarpe, lai vārdi nesaplūst. Papildu iegulto kodu minimizēšana tiek veikta tikai tad, ja to atzīmējat.

Vai mans HTML tiek nosūtīts uz serveri?

Nē. Lapā iebūvēts marķierizētājs apstrādā iezīmējumu jūsu pārlūkprogrammā, tāpēc privātās veidnes un e-pasta HTML paliek jūsu ierīcē. Netiek ielādēta neviena trešās puses formatēšanas bibliotēka.

Vai tas tiešām ir bezmaksas?

Jā. Katrs rīks ir bezmaksas, bez konta un kredītkartes. Darbs notiek jūsu ierīcē, nevis mūsu serveros, tāpēc tas ir bezmaksas.

Vai tas darbojas mobilajā ierīcē?

Jā. Tas darbojas mūsdienu mobilajos pārlūkos iOS un Android ierīcēs, nekas nav jāinstalē.

🌐

HTML pārveidotājs un minifikators bez maksas

Glīti drukā vai minificē HTML ar pareizu ligzdošanas atkāpi. Saglabā saturu <pre>, <script>, <style> blokos.

Darbojas pārlūkprogrammāBez reģistrācijas, bez uznirstošiem logiemNav nepieciešama pieteikšanāsBezmaksas uz visiem laikiem

Darbojas bezsaistē pēc ielādes

Atkāpe:

Rindu aplaušana:

Formatēt <style> un <script>

Nometiet failu šeit vai noklikšķiniet, lai izvēlētos

HTML, HTM · apstrādāts jūsu ierīcē

vai nospiediet Ctrl+V, lai ielīmētu no starpliktuves

Pārlūkot failus

HTML ievade

Formatēts HTML

Izvade parādīsies šeit…

Biežākie lietojumi

Atkļūdojiet servera renderētu HTMLSkatiet neapstrādātu HTML izeju no sava servera (PHP, Rails, Django, Node) lasāmā atkāpināta formātā.
Formatējiet e-pasta HTML veidnesE-pasta HTML ir detalizēts (tabulas, iebūvēti stili). Formatējiet, lai padarītu to rediģējamu un uzturējamu.
Formatējiet statiskas HTML lapasManuāli rediģēti statiski HTML faili gūst labumu no konsekventa formatējuma sadarbības rediģēšanai.
Notīriet no CMS eksportētu HTMLWordPress, Wix, Squarespace eksportē HTML ar daudziem artefaktiem. Formatējiet, lai padarītu to rediģējamu.
Minifikējiet HTML ražošanaiSamaziniet HTML faila lielumu ātrākai lapas ielādei, noņemot tukšas vietas un nevajadzīgas rakstzīmes.

Kā tas darbojas

Šis rīks formatē vai saspiež HTML, izmantojot pašrakstītu birku informētu tokenizatoru, kas iebūvēts tieši lapā — bez trešās puses formatēšanas bibliotēkas, bez servera saziņas. Katra jūsu marķējuma rakstzīme tiek apstrādāta lokāli tajā brīdī, kad to ierakstāt vai ielīmējat.

1
Tokenizators skenē marķējumu
Pielāgots rakstzīmi-pa-rakstzīmei skeneris iet cauri HTML virknei, identificējot komentārus, DOCTYPE deklarācijas, atverošas birkas, aizverošas birkas, pašaizverošos tukšos elementus (br, img, input utt.) un neapstrādātus teksta mezglus. Speciāls palīgs izseko citētas atribūtu vērtības, lai rakstzīmes, piemēram, > atribūta iekšpusē (piemēram, value="a>b"), nekad neizraisītu birkas priekšlaicīgu sadalīšanu.
2
Atkāpes dziļums tiek izsekots katrai birkai
Skaistošanas režīmā tokenizators uztur dziļuma skaitītāju. Bloka-līmeņa atverošās birkas palielina dziļumu; aizverošās birkas to samazina pirms tiek uzrakstītas. Iekļautie elementi (span, a, strong, em utt.) tiek turēti tajā pašā rindā ar savu saturu, nevis izstumti savā atkāptajā rindā. Birkām, piemēram, pre, script, style un textarea, to iekšējais saturs tiek izvadīts burtiski, lai izvairītos no atstarpi-jutīga vai izpildāma koda sabojāšanas.
3
Minifikators droši sakļauj atstarpes
Minifikācijas režīmā pre, script, style un textarea bloku saturs tiek aizstāts ar numurētiem starpniekiem, pirms notiek jebkāda atstarpju sakļaušana. HTML komentāri tiek noņemti, un atstarpju sērijas starp birkām tiek noņemtas — izņemot starp blakusesošiem iekļautiem elementiem, kur viena atstarpe tiek saglabāta, lai vārdi nesaplūstu kopā. Starpnieku vietturi tad tiek atjaunoti to sākotnējā saturā.
4
Izvade tiek parādīta un neobligāti saglabāta
Formatētais vai minificētais rezultāts parādās dzīvajā laikā izvades panelī kopā ar izmēra izmaiņas procentiem. Varat to kopēt starpliktuvē vai lejupielādēt kā .html failu, visu to izdarot, neatstājot pārlūkprogrammu.