मोफत HTML एन्कोडर आणि डिकोडर

हे कसे कार्य करते

इथे HTML एन्कोडिंग आणि डीकोडिंग गराज-लिहिलेली regex replacement आणि hardcoded नामांकित-entity lookup सारणी वापरून पूर्णपणे तुमच्या ब्राउझरमध्ये चालते — थर्ड-पार्टी एन्कोडिंग लायब्ररी, सर्व्हर राउंड-ट्रिप नाही. असामान्य नामांकित entities (जसे á किंवा “) डीकोड करण्यासाठी, साधन zero-cost fallback म्हणून ब्राउझरच्या स्वतःच्या HTML पार्सरकडे सोपवते.

1. 1
   Regex बदलण्यासाठी अक्षरे स्कॅन करतो

   एन्कोड करताना, दोन Unicode-aware regexes पैकी एक तुमच्या इनपुटवर चालतो: ~25 सामान्य HTML-महत्त्वाची आणि विशेष अक्षरे कव्हर करणारा लक्ष्यित pattern, किंवा U+007F वरील प्रत्येक code point पकडणारा व्यापक pattern. प्रत्येक match अक्षर-निहाय अडवला जातो.
2. 2
   Lookup सारणी किंवा codePointAt() entity तयार करते

   नामांकित-entity आउटपुटसाठी, जुळलेली अक्षरे hardcoded सारणीत शोधली जातात (उदा. & → &, © → ©). दशांश किंवा hex आउटपुटसाठी, String.codePointAt() Unicode code point मिळवते आणि तो &#NNN; किंवा &#xNNN; म्हणून फॉरमॅट करते — surrogate जोड्या योग्यरित्या हाताळल्या जातात कारण regex Unicode 'u' flag वापरतो.
3. 3
   एकल-पास regex entities परत अक्षरांत डीकोड करतो

   डीकोड करताना, एकल regex पास सर्व entity tokens (&, A, A, इ.) ओळखतो आणि प्रत्येकाला योग्य handler कडे पाठवतो: hex parseInt(base 16), दशांश Number(), नामांकित reverse-lookup, किंवा — hardcoded सारणीत नसलेल्या कोणत्याही entity साठी — ज्याचा innerHTML ब्राउझर native पणे पार्स करतो असा textarea घटक, ब्राउझरच्या बिल्ट-इन entity सारणीतून योग्य अक्षर परत देत.
4. 4
   निकाल तात्काळ दिसतो; Clipboard API द्वारे clipboard वर कॉपी करा

   React useMemo द्वारे प्रत्येक कीस्ट्रोकवर आउटपुट सिंक्रोनसली पुन्हा मोजले जाते. कॉपी करणे navigator.clipboard.writeText() — आधुनिक async Clipboard API — प्रतिबंधित contexts साठी silent catch सह वापरते.

संबंधित साधने