Olùmúlẹ́wa & Olùdín HTML Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Irinṣẹ́ yìí ń ṣe àgbékalẹ̀ tàbí kó HTML papọ̀ ní lílo tokenizer tí ó mọ tag tí a fi ọwọ́ kọ tí a kọ́ sínú ojú-ìwé náà tààrà — kò sí ìwé-ìṣirò àgbékalẹ̀ ẹnì kẹta, kò sí ìrìnrìn sáfà. A ń ṣiṣẹ́ àmì kọ̀ọ̀kan nínú àmì rẹ ládùúgbò ní kété tí o bá kọ tàbí lẹ̀ ẹ́.

1. 1
   Tokenizer ń ṣàyẹ̀wò àmì náà

   Ẹ̀rọ àyẹ̀wò àmì-lé-àmì àkànṣe kan ń rìn kiri ọ̀wọ́ ọ̀rọ̀ HTML náà, tí ó ń dá àwọn ọ̀rọ̀-àsọyé, àwọn ìkéde DOCTYPE, àwọn tag ṣíṣí, àwọn tag títì, àwọn ẹ̀yà void tí ó ń tì fúnra wọn (br, img, input, àti bẹ́ẹ̀ bẹ́ẹ̀ lọ), àti àwọn nodes ọ̀rọ̀ gan-an mọ̀. Olùrànlọ́wọ́ pàtàkì kan ń tọpasẹ̀ àwọn iye àkànṣe tí a fi àmì hàn nítorí náà àwọn àmì bí i > nínú àkànṣe kan (f.à. value="a>b") kì í mú tag kan pín ní kùtùkùtù.
2. 2
   A ń tọpasẹ̀ ìjìnlẹ̀ ìlà fún tag kọ̀ọ̀kan

   Fún ipò ẹwà, tokenizer náà ń pa ìkàwé ìjìnlẹ̀ mọ́. Àwọn tag ṣíṣí ìpele-àkọ́sílẹ̀ ń fi kún ìjìnlẹ̀; àwọn tag títì ń dín kù kí wọ́n tó kọ jáde. Àwọn ẹ̀yà tí ó wà ní ìlà (span, a, strong, em, àti bẹ́ẹ̀ bẹ́ẹ̀ lọ) ni a pa mọ́ sí ìlà kan náà pẹ̀lú àkóónú wọn dípò kí a tì wọ́n sí ìlà tí a fi ìlà ara wọn hàn. Àwọn tag bí i pre, script, style, àti textarea ni a fi àkóónú inú wọn hàn gan-an láti yẹra fún bíbàjẹ́ àyè tàbí kóòdù tí ó lè ṣiṣẹ́.
3. 3
   Minifier ń kó àyè papọ̀ ní ààbò

   Ní ipò minify, a ń rọ́pò àkóónú àwọn àkọ́sílẹ̀ pre, script, style, àti textarea pẹ̀lú àwọn àmì-nọ́mbà kí àyè èyíkéyìí tó kó papọ̀. A ń yọ àwọn ọ̀rọ̀-àsọyé HTML kúrò, àti àyè láàrin àwọn tags ni a yọ kúrò — àyàfi láàrin àwọn ẹ̀yà ìlà tí ó súnmọ́ ara wọn, níbi tí a ti pa àyè kan mọ́ kí àwọn ọ̀rọ̀ má bàa dàpọ̀. A tún fi àkóónú àkọ́sílẹ̀ pamọ́ padà lẹ́yìn náà.
4. 4
   Ìtọjade náà ń farahàn tí a sì lè fi pamọ́ yíyàn

   Àbájáde tí a ṣe àgbékalẹ̀ rẹ̀ tàbí ṣe minify rẹ̀ ń farahàn láàyè nínú pátẹ́lì ìtọjade lẹ́gbẹ̀ẹ́ ìdín ìwọ̀n ọ̀sán. O lè dàkọ ọ́ sí clipboard tàbí gbà á gẹ́gẹ́ bí fáìlì .html, gbogbo rẹ̀ láìkúrò nínú aṣàwákiri.

Àwọn Irinṣẹ Tó Jọra