Kod-yeeliyaha & Furfuraha HTML oo Bilaash ah

Sida Ay U Shaqeyso

Sumaynta iyo furitaanka HTML-ka halkan waxay gebi ahaanba ka dhacaan biraawsarkaaga isagoo isticmaalaya beddelka regex gacan lagu qoray iyo miis raadin oo entity-magacaysan ah oo gacan lagu dhisay — laybreri sumayn dhinac saddexaad ah, wicitaan server midna ma jiraan. Furitaanka entities aan caadi ahayn (sida á ama “), qalabku wuxuu u wakiishaa falanqeeyaha HTML ee biraawsarka laftiisa sida fallback eber-qiimo ah.

1. 1
   Regex-ku wuxuu sahamiyaa xarfaha la beddeli lahaa

   Sumaynta, mid ka mid ah laba regex oo Unicode-aware ah ayaa ka shaqeeya gelitaankaaga: qaab bartilmaameedsan oo daboolaya ~25 xaraf oo HTML-muhiim ah iyo gaar ah, ama qaab ballaadhan oo qaba codepoint kasta ka sarreeya U+007F. Dhicitaan kasta waa lagu soo qabtaa xaraf-xaraf.
2. 2
   Miis raadin ama codePointAt() ayaa soo saara entity-ga

   Wax-soo-saarka entity-magacaysan, xarfaha dhicitaanka waxaa lagu raadiyaa miis go'an (tusaale & → &, © → ©). Wax-soo-saarka decimal ama hex, String.codePointAt() wuxuu helaa codepoint-ka Unicode wuxuuna qaabeeyaa &#NNN; ama &#xNNN; — surrogate pairs waa si sax ah loo maareeyaa sababtoo ah regex-ku wuxuu isticmaalaa calaamadda 'u' ee Unicode.
3. 3
   Regex hal-socod ah ayaa dib u furaa entities-ka xarfo ahaan

   Furitaanka, regex hal-socod ah ayaa aqoonsanaya dhammaan tokens-ka entity (&, A, A, iwm) waxaana mid kasta loo diraa maareeyaha saxda ah: parseInt hex (base 16), Number() decimal-ka, raadin dib-u-noqosho magacaysan, ama — entity kasta oo aan ku jirin miiska go'an — element textarea ah oo innerHTML-kiisa biraawsarku si dabiici ah u falanqeeyo, isagoo soo celinaya xarafka saxda ah ee miiska entity-ga biraawsarka ku dhex jira.
4. 4
   Natiijadu waxay si degdeg ah u muuqataa; koobi clipboard-ka via Clipboard API

   Wax-soo-saarka waxaa dib loo xisaabiyaa si isku mid ah fara-taabasho kasta via React useMemo. Koobigu wuxuu isticmaalaa navigator.clipboard.writeText() — API-ga Clipboard-ka casriga ah ee async-ka ah — oo leh qabasho aamusan xaaladaha xaddidan.

Qalabka La Xiriira