இலவச HTML என்கோடர் & டிகோடர்

இது எவ்வாறு செயல்படுகிறது

இங்கே HTML குறியாக்கமும் குறிவிலக்கமும் கையால் எழுதிய regex மாற்றீடு மற்றும் நிலையான named-entity தேடல் அட்டவணை மூலம் முழுவதும் உங்கள் உலாவியில் இயங்குகின்றன — மூன்றாம் தரப்பு குறியாக்க நூலகம் இல்லை, சர்வர் பயணம் இல்லை. அரிதான named entities (á அல்லது “ போன்றவை) குறிவிலக்க, கருவி செலவில்லா மாற்று வழியாக உலாவியின் சொந்த HTML parser இடம் ஒப்படைக்கிறது.

1. 1
   மாற்ற வேண்டிய எழுத்துகளுக்காக regex ஸ்கேன் செய்கிறது

   குறியாக்கத்தில், இரண்டு Unicode-அறிந்த regexes இல் ஒன்று உங்கள் உள்ளீட்டில் இயங்குகிறது: ~25 பொதுவான HTML-முக்கிய மற்றும் சிறப்பு எழுத்துகளை உள்ளடக்கிய இலக்கு pattern, அல்லது U+007F க்கு மேலான ஒவ்வொரு code point ஐயும் பிடிக்கும் பரந்த pattern. ஒவ்வொரு பொருத்தமும் எழுத்து எழுத்தாக இடைமறிக்கப்படுகிறது.
2. 2
   தேடல் அட்டவணை அல்லது codePointAt() entity ஐ உருவாக்குகிறது

   named-entity வெளியீட்டுக்கு, பொருந்திய எழுத்துகள் நிலையான அட்டவணையில் தேடப்படுகின்றன (எ.கா. & → &, © → ©). decimal அல்லது hex வெளியீட்டுக்கு, String.codePointAt() Unicode code point ஐப் பெற்று &#NNN; அல்லது &#xNNN; ஆக வடிவமைக்கிறது — regex Unicode 'u' கொடியைப் பயன்படுத்துவதால் surrogate pairs சரியாகக் கையாளப்படுகின்றன.
3. 3
   ஒற்றைச் சுற்று regex entities ஐ மீண்டும் எழுத்துகளாக்குகிறது

   குறிவிலக்கத்தில், ஒற்றை regex சுற்று அனைத்து entity tokens ஐயும் (&, A, A முதலியன) அடையாளம் கண்டு ஒவ்வொன்றையும் சரியான handler க்கு அனுப்புகிறது: hex parseInt(base 16), decimal Number(), named reverse-lookup, அல்லது — நிலையான அட்டவணையில் இல்லாத எந்த entity க்கும் — உலாவி native ஆகப் பாகுபடுத்தும் innerHTML கொண்ட textarea உறுப்பு; இது உலாவியின் உள்ளமைந்த entity அட்டவணையிலிருந்து சரியான எழுத்தைத் தருகிறது.
4. 4
   முடிவு உடனே தோன்றும்; Clipboard API வழியாகக் கிளிப்போர்டுக்கு நகல்

   ஒவ்வொரு விசை அழுத்தத்திலும் React useMemo வழியாக வெளியீடு உடனே மீண்டும் கணக்கிடப்படுகிறது. நகலெடுத்தல் navigator.clipboard.writeText() — நவீன async Clipboard API — ஐப் பயன்படுத்துகிறது; கட்டுப்படுத்தப்பட்ட சூழல்களுக்கு அமைதியான catch உடன்.

தொடர்புடைய கருவிகள்