मुफ़्त HTML एनकोडर और डिकोडर

यह कैसे काम करता है

यहाँ HTML एनकोडिंग और डिकोडिंग पूरी तरह आपके ब्राउज़र में हाथ से लिखे रेगेक्स रिप्लेसमेंट और एक हार्डकोडेड नामित-एंटिटी लुकअप टेबल का उपयोग करके चलती है — कोई थर्ड-पार्टी एनकोडिंग लाइब्रेरी नहीं, कोई सर्वर राउंड-ट्रिप नहीं। असामान्य नामित एंटिटी (जैसे á या “) डिकोड करने के लिए, टूल एक ज़ीरो-कॉस्ट फ़ॉलबैक के रूप में ब्राउज़र के अपने HTML पार्सर को सौंपता है।

1. 1
   बदलने के लिए कैरेक्टरों के लिए रेगेक्स स्कैन करता है

   एनकोड करते समय, आपके इनपुट पर दो Unicode-अवेयर रेगेक्स में से एक चलता है: एक लक्षित पैटर्न जो ~25 सामान्य HTML-महत्वपूर्ण और विशेष कैरेक्टर कवर करता है, या एक व्यापक पैटर्न जो U+007F से ऊपर हर कोड पॉइंट पकड़ता है। हर मैच कैरेक्टर-दर-कैरेक्टर इंटरसेप्ट किया जाता है।
2. 2
   लुकअप टेबल या codePointAt() एंटिटी बनाता है

   नामित-एंटिटी आउटपुट के लिए, मैच किए कैरेक्टर एक हार्डकोडेड टेबल में देखे जाते हैं (जैसे & → &, © → ©)। दशमलव या हेक्स आउटपुट के लिए, String.codePointAt() Unicode कोड पॉइंट पाता है और इसे &#NNN; या &#xNNN; के रूप में फ़ॉर्मेट करता है — सरोगेट जोड़े सही ढंग से हैंडल होते हैं क्योंकि रेगेक्स Unicode 'u' फ़्लैग उपयोग करता है।
3. 3
   एकल-पास रेगेक्स एंटिटी को वापस कैरेक्टरों में डिकोड करता है

   डिकोड करते समय, एक सिंगल रेगेक्स पास सभी एंटिटी टोकन (&, A, A, आदि) की पहचान करता है और हर एक को सही हैंडलर तक भेजता है: हेक्स parseInt(base 16), दशमलव Number(), नामित रिवर्स-लुकअप, या — हार्डकोडेड टेबल में न होने वाली किसी भी एंटिटी के लिए — एक textarea एलिमेंट जिसका innerHTML ब्राउज़र नेटिव रूप से पार्स करता है, ब्राउज़र की बिल्ट-इन एंटिटी टेबल से सही कैरेक्टर लौटाते हुए।
4. 4
   परिणाम तुरंत दिखता है; Clipboard API के ज़रिए क्लिपबोर्ड में कॉपी करें

   React useMemo के ज़रिए हर कीस्ट्रोक पर आउटपुट सिंक्रोनसली फिर से गणना किया जाता है। कॉपी करना navigator.clipboard.writeText() — आधुनिक async Clipboard API — उपयोग करता है, प्रतिबंधित संदर्भों के लिए एक silent catch के साथ।

संबंधित टूल