Olùdí àti Olùtú HTML Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Ìṣàmúlò àti ìtúpalẹ̀ HTML níbí ń ṣiṣẹ́ pátápátá nínú aṣàwákiri rẹ pẹ̀lú ìrọ́pò regex tí a fi ọwọ́ kọ àti tábìlì ìtọ́ka orúkọ-ohun tí a dá kalẹ̀ — kò sí ìwé-ìṣirò ìṣàmúlò ẹnì kẹta, kò sí ìrìnrìn sáfà. Fún ìtúpalẹ̀ àwọn ohun-orúkọ tí kò wọ́pọ̀ (bí i á tàbí “), irinṣẹ́ náà ń fi sí parser HTML aṣàwákiri fúnrarẹ̀ gẹ́gẹ́ bí ọ̀nà mìíràn tí kò ní iye owó.

1. 1
   Regex ń ṣàyẹ̀wò fún àwọn àmì láti rọ́pò

   Ní ìṣàmúlò, ọ̀kan lára regex méjì tí ó mọ Unicode ń ṣiṣẹ́ lórí ìbáwọlé rẹ: àwòṣe àfojúsùn tí ó bo àwọn àmì wọ́pọ̀ tí ó ṣe pàtàkì HTML àti pàtàkì mìíràn ní ìwọ̀n 25, tàbí àwòṣe tí ó gbòòrò jùlọ tí ó ń mú codepoint kọ̀ọ̀kan tí ó ju U+007F lọ. A ń dá ìbámu kọ̀ọ̀kan mú àmì-lé-àmì.
2. 2
   Tábìlì ìtọ́ka tàbí codePointAt() ń mú ohun-orúkọ náà jáde

   Fún ìtọjade orúkọ-ohun, a ń wá àwọn àmì tí ó bá mu nínú tábìlì tí a dá kalẹ̀ (f.à. & → &, © → ©). Fún ìtọjade decimal tàbí hex, String.codePointAt() ń rí codepoint Unicode náà tí ó sì ṣe àgbékalẹ̀ rẹ̀ gẹ́gẹ́ bí &#NNN; tàbí &#xNNN; — a ń mú àwọn ẹ̀ẹ̀dì surrogate dáadáa nítorí regex náà ń lo àmì Unicode 'u'.
3. 3
   Ìgbésẹ̀ regex kan ṣoṣo ń tú àwọn ohun padà sí àmì

   Ní ìtúpalẹ̀, ìgbésẹ̀ regex kan ṣoṣo ń dá gbogbo àwọn àmì ohun mọ̀ (&, A, A, àti bẹ́ẹ̀ bẹ́ẹ̀ lọ) ó sì ń darí ọ̀kọ̀ọ̀kan sí olùmú tí ó tọ́: parseInt hex (ìpìlẹ̀ 16), Number() decimal, ìtọ́ka-padà orúkọ, tàbí — fún ohun èyíkéyìí tí kò sí nínú tábìlì tí a dá kalẹ̀ — ẹ̀yà textarea kan tí innerHTML rẹ̀ aṣàwákiri ń pín abínibí, tí ó ń dá àmì tí ó tọ́ padà láti tábìlì ohun aṣàwákiri tí a kọ́ sínú rẹ̀.
4. 4
   Àbájáde ń farahàn lẹ́sẹ̀kẹsẹ̀; dàkọ sí clipboard nípasẹ̀ API Clipboard

   A ń tún ṣírò ìtọjade ní àkókò kan náà ní ìtẹ̀ kọ́kọ́rọ́ kọ̀ọ̀kan nípasẹ̀ useMemo React. Dídàkọ ń lo navigator.clipboard.writeText() — API Clipboard aládàáṣe òde òní náà — pẹ̀lú ìdìmú-jẹ́ẹ́ fún àwọn àyíká tí a dí.

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