HTML Entity एन्कोडर / डिकोडर — HTML को Escape और Unescape करें

HTML Entity एन्कोडर क्या है?

HTML Entity एन्कोडर / डिकोडर (HTML एनकोडर / डिकोडर) HTML में ख़ास मतलब वाले कैरेक्टर को entity नाम के सुरक्षित कोड में बदलता है, और उन कोड को वापस कैरेक्टर में। HTML में less-than चिह्न टैग शुरू करता है, ampersand entity शुरू करता है और quotes attribute मानों की सीमा तय करते हैं। अगर आप चाहते हैं कि वेब पेज “<div>”, “5 < 10” या “Tom & Jerry” दिखाए, तो ये कैरेक्टर <, > और & के रूप में लिखे जाने चाहिए। नहीं तो ब्राउज़र उन्हें markup मानता है — जिससे लेआउट बिगड़ता है या, अविश्वसनीय इनपुट के साथ, cross-site scripting (XSS) का रास्ता खुलता है।

यह मुफ़्त टूल पाँच HTML-विशेष कैरेक्टर escape करता है, आम चिह्नों को © और — जैसे named entity में भी बदल सकता है, या हर non-ASCII कैरेक्टर — हिंदी, इमोजी, ₹ — को उन सिस्टम के लिए numeric reference बना सकता है जो सिर्फ़ सादा ASCII लेते हैं। उलटी दिशा में यह किसी भी named या numeric entity को,   से 😀 तक, असली कैरेक्टर में decode करता है। Decoding ब्राउज़र के parse-only DOMParser से होती है, इसलिए पेस्ट किए script टैग भी कभी नहीं चलते।

मुख्य सुविधाएँ

• सिर्फ़ विशेष कैरेक्टर — सुरक्षित HTML कंटेंट और attribute के लिए & < > " ' escape।
• Named entity — लगभग 30 आम चिह्न (&nbsp; &copy; &reg; &euro; &rarr; &hellip; …)।
• दशमलव reference — हर non-ASCII कैरेक्टर &#NNNN; के रूप में।
• Hex reference — हर non-ASCII कैरेक्टर &#xHHHH; के रूप में।
• कुछ भी decode करें — सभी HTML5 named entity और numeric reference।
• इमोजी-सुरक्षित — Basic Multilingual Plane से बाहर के कैरेक्टर दो नहीं, एक reference बनते हैं।
• Entity की गिनती और एक-क्लिक कॉपी।
• निजी — लोकल चलता है।

इस्तेमाल कैसे करें — स्टेप बाय स्टेप

1. Encode या Decode चुनें।
2. एन्कोड करने के लिए मोड चुनें — सिर्फ़ विशेष कैरेक्टर (सबसे आम), named entity, या numeric।
3. अपना टेक्स्ट, कोड या HTML पेस्ट करें।
4. नतीजा कॉपी करें, या उसे पलटने के लिए Use result as input दबाएँ।

एन्कोडिंग मोड की तुलना

इनपुट: <p class="note">Price: ₹500 — "Tom & Jerry" © 2026</p>

रुपये के चिह्न का कोई named entity नहीं है, इसलिए named मोड उसे ₹ ही रहने देता है जबकि numeric मोड उसे बदल देते हैं।

वे पाँच कैरेक्टर जिन्हें escape करना ज़रूरी है

HTML Escaping और XSS

Cross-site scripting तब होती है जब अविश्वसनीय टेक्स्ट — यूज़रनेम, कमेंट या सर्च शब्द — बिना escape किए पेज में डाल दिया जाए, जिससे हमलावर <script> या event-handler attribute डाल सकता है। पाँच विशेष कैरेक्टर escape करने से सामान्य element कंटेंट और quote वाले attribute मानों के लिए यह बेअसर हो जाता है, क्योंकि ब्राउज़र को तब टेक्स्ट दिखता है, कोड नहीं। लेकिन संदर्भ मायने रखता है: JavaScript, URL, CSS या बिना quote वाले attribute के अंदर रखे डेटा को अलग escaping चाहिए, और कुछ sink (जैसे यूज़र इनपुट के साथ innerHTML) हर हाल में जोखिम भरे हैं। असली ऐप्लिकेशन में अपने framework की अपने-आप होने वाली escaping पर भरोसा करें (React, Angular, Django, Laravel Blade, Jinja और दूसरे डिफ़ॉल्ट रूप से escape करते हैं), सादे JavaScript में innerHTML की जगह textContent इस्तेमाल करें, और Content Security Policy जोड़ें। यह टूल एक बार की escaping, डॉक्यूमेंटेशन और सीखने के लिए आदर्श है।

Numeric कैरेक्टर reference

हर Unicode कैरेक्टर का एक नंबर होता है जिसे code point कहते हैं। HTML में आप किसी भी कैरेक्टर को &# + दशमलव संख्या + ; या &#x + हेक्साडेसिमल संख्या + ; के रूप में लिख सकते हैं। देवनागरी अक्षर न U+0928 है, इसलिए इसे न या न लिखा जा सकता है; “नमस्ते” बनता है नमस्ते। इमोजी के code point U+FFFF से ऊपर होते हैं — 😀 U+1F600 है, जो 😀 या 😀 लिखा जाता है। कुछ कच्चे कन्वर्टर ऐसे कैरेक्टर को दो अमान्य “surrogate” reference में तोड़ देते हैं; यह टूल पूरे code point पढ़ता है, इसलिए आउटपुट हमेशा मान्य रहता है।

आपको असल में entity की ज़रूरत कब पड़ती है?

• जब & < > और quotes टेक्स्ट के रूप में दिखने चाहिए, तब हमेशा।
• ट्यूटोरियल, ब्लॉग और डॉक्यूमेंटेशन में <pre> या <code> के अंदर कोड दिखाना।
• ASCII-only सिस्टम — कुछ ईमेल बिल्डर, SMS गेटवे, XML फ़ीड या पुराने डेटाबेस।
• अदृश्य या भ्रमित करने वाले कैरेक्टर — &nbsp;, &shy; और zero-width कैरेक्टर entity के रूप में ज़्यादा साफ़ रहते हैं।
• UTF-8 में सर्व किए पेजों पर हिंदी, accent वाले अक्षरों या इमोजी के लिए ज़रूरत नहीं — उन्हें सीधे टाइप करें।

Entity decode करना

पेज सोर्स, RSS फ़ीड, API या डेटाबेस से कॉपी किया टेक्स्ट अक्सर entity से भरा आता है: Tom & Jerry, café, ₹500। उसे पढ़ने लायक टेक्स्ट बनाने के लिए Decode पर जाएँ और पेस्ट करें। डिकोडर HTML5 named entity की पूरी सूची (2,000 से ज़्यादा) और सारे numeric रूप समझता है, क्योंकि यह ब्राउज़र का अपना HTML parser इस्तेमाल करता है। & जैसा दो बार एन्कोड किया टेक्स्ट एक बार में एक स्तर decode होता है — “Use result as input” दबाएँ और फिर decode करें।

टूल कैसे काम करता है

एन्कोडिंग आपके टेक्स्ट पर एक बार में एक Unicode code point (UTF-16 इकाई नहीं) के हिसाब से चलती है, इसलिए इमोजी और U+FFFF से आगे के कैरेक्टर पूरे बदलते हैं। पाँच विशेष कैरेक्टर हमेशा escape होते हैं; named मोड में इसके बाद अच्छी तरह सपोर्टेड नामों की छोटी तालिका लगती है; numeric मोड में ASCII सीमा (code point 127) से ऊपर का हर कैरेक्टर दशमलव या हेक्साडेसिमल reference बन जाता है। Decoding टेक्स्ट को एक अलग, स्क्रिप्ट-रहित डॉक्यूमेंट के अंदर ब्राउज़र के मानक-अनुसार HTML parser को सौंपती है और सादा टेक्स्ट वापस पढ़ती है, इसीलिए 2,000+ HTML5 named entity में से हर एक पहचाना जाता है। कोई टेक्स्ट कहीं नहीं भेजा जाता।

HTML ईमेल और entity

ईमेल क्लाइंट ब्राउज़र जितने उदार नहीं होते। कुछ पुराने क्लाइंट या भेजने वाले प्लेटफ़ॉर्म, अगर संदेश की एन्कोडिंग सही घोषित न हो, तो non-ASCII कैरेक्टर बिगाड़ देते हैं और “₹” या “—” अजीब चिह्न बन जाते हैं। ₹ और — जैसे numeric reference लगभग हर पाइपलाइन में बचे रहते हैं क्योंकि वे सादे ASCII हैं। न्यूज़लेटर टेम्पलेट डिज़ाइन करते समय विशेष चिह्न numeric मोड से गुज़ारें, सामान्य अक्षर जैसे हैं वैसे रखें और कैंपेन से पहले हमेशा कई क्लाइंट पर टेस्ट ईमेल भेजें।

आम उपयोग

• ब्लॉग पोस्ट और डॉक्यूमेंटेशन में कोड स्निपेट दिखाना।
• HTML ईमेल टेम्पलेट के लिए टेक्स्ट तैयार करना।
• CMS और फ़ीड से एक्सपोर्ट हुए entity भरे टेक्स्ट को साफ़ करना।
• मान HTML attribute में हाथ से रखने से पहले escape करना।
• पुराने सिस्टम के लिए हिंदी टेक्स्ट को ASCII-सुरक्षित reference में बदलना।
• सीखना कि HTML parsing और XSS बचाव कैसे काम करते हैं।
• सीमित markup स्वीकार करने वाले फ़ोरम पोस्ट या कमेंट बॉक्स में HTML के उदाहरण दिखाना।

इन आम गलतियों से बचें

• दो बार escape करना — &amp;lt; स्क्रीन पर “<” की जगह “&lt;” दिखाता है।
• सेमीकोलन भूल जाना — ब्राउज़र अक्सर अंदाज़ा लगाते हैं, पर हमेशा सही नहीं।
• गलत संदर्भ के लिए escape करना — HTML escaping JavaScript स्ट्रिंग या URL के अंदर टेक्स्ट को सुरक्षित नहीं बनाती।
• हर हिंदी अक्षर के लिए UTF-8 की जगह entity इस्तेमाल करना — इससे पेज फूल जाते हैं और एडिट करना कठिन होता है।
• बिना quote वाले attribute — attribute मान हमेशा quote में रखें, फिर quotes को escape करें।

समस्या-समाधान

• पेज पर entity अब भी दिख रहे हैं — टेक्स्ट दो बार एन्कोड हुआ था; एक बार decode करें।
• प्रश्न चिह्न या डिब्बे — पेज UTF-8 में सर्व नहीं हो रहा; <meta charset="UTF-8"> जोड़ें या numeric मोड इस्तेमाल करें।
• कोई named entity decode नहीं हुआ — वर्तनी और आख़िर का सेमीकोलन जाँचें।
• Named मोड में single quote वैसे ही दिखते हैं — वे numeric &#39; के रूप में escape होते हैं, जो सबसे संगत रूप है।
• पेज पर लाइन ब्रेक गायब हो गए — HTML नई लाइनें घटा देता है; एन्कोड किया टेक्स्ट pre element में रखें या ब्रेक को br टैग में बदलें।

संक्षिप्त शब्दावली

• Entity: &amp; जैसा कोड जो HTML में किसी कैरेक्टर को दर्शाता है।
• Named entity: नाम वाली entity, जैसे &copy;।
• Numeric कैरेक्टर reference: &#169; या &#xA9;, code point के हिसाब से।
• Escaping: विशेष कैरेक्टर बदलना ताकि उन्हें टेक्स्ट माना जाए।
• XSS: cross-site scripting, बिना escape किए इनपुट के ज़रिए स्क्रिप्ट डालना।
• Code point: Unicode में किसी कैरेक्टर की संख्या, जैसे U+0928।

यह HTML एन्कोडर क्यों इस्तेमाल करें?

यह हर काम के लिए सही स्तर की escaping देता है, हिंदी और इमोजी सही संभालता है, हर entity सुरक्षित रूप से decode करता है और समझाता है कि entity की असल में कब ज़रूरत है — मुफ़्त, तुरंत और निजी।

HTML Entity एन्कोडर / डिकोडर — मुख्य बातें

अक्सर पूछे जाने वाले सवाल

Prompt Minds के और टूल्स देखें

HTML Entity एन्कोडर / डिकोडर हमारे दूसरे मुफ़्त टूल्स के साथ भी बढ़िया काम करता है। Prompt Minds का हर टूल पूरी तरह आपके ब्राउज़र में चलता है — न साइन-अप, न अपलोड, न वॉटरमार्क। सभी मुफ़्त टूल्स देखें।