होम / डेवलपर टूल / HTML एनकोडर

HTML एनकोडर

HTML एंटिटीज़ सुरक्षित रूप से एनकोड या डिकोड करें। वेब पेज पर कोड या उपयोगकर्ता इनपुट दिखाने वाले डेवलपर के लिए उपयोगी। मुफ़्त, असीमित, निजी — पूरी तरह आपके ब्राउज़र में चलता है।

उपयोग कैसे करें

  1. इनपुट बॉक्स में अपना कच्चा HTML कोड पेस्ट करें या टाइप करें — <, >, & या कोट वाला कुछ भी।
  2. ख़ास अक्षरों को सुरक्षित HTML एंटिटीज़ में बदलने के लिए एनकोड चुनें (जैसे < बन जाता है &lt;), या एंटिटीज़ को वापस सादे अक्षरों में बदलने के लिए डिकोड चुनें।
  3. अपना टेक्स्ट अपने ब्राउज़र में तुरंत प्रोसेस करने के लिए एनकोड या डिकोड बटन पर क्लिक करें।
  4. परिणाम को एक क्लिक में कॉपी करें, या अपने प्रोजेक्ट में इस्तेमाल के लिए .txt फ़ाइल के रूप में डाउनलोड करें।

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

क्या यह सच में मुफ़्त है?

हाँ — इस साइट का हर टूल 100% मुफ़्त है, बिना किसी सीमा, बिना साइनअप और बिना वॉटरमार्क के।

क्या मेरा डेटा निजी है?

बिल्कुल। सारी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है। आपकी फ़ाइलें कभी किसी सर्वर पर अपलोड नहीं होतीं।

HTML एनकोडिंग असल में क्या करती है?

HTML एनकोडिंग <, >, &, " और ' जैसे ख़ास अक्षरों को <, >, &, " और ' जैसी HTML एंटिटीज़ में बदल देती है। यह ब्राउज़र को आपके टेक्स्ट को मार्कअप समझने से रोकता है, जो वेब पेज पर उपयोगकर्ता इनपुट या कोड नमूने दिखाते समय ज़रूरी है।

एनकोड कब करूँ और डिकोड कब?

एनकोड तब करें जब आप HTML के अंदर कोड या कच्चा टेक्स्ट सुरक्षित रूप से दिखाना चाहते हैं — उदाहरण के लिए ट्यूटोरियल में <div> को दिखने वाले टेक्स्ट के रूप में दिखाना। डिकोड तब करें जब आपके पास एंटिटी-एनकोडेड टेक्स्ट (जैसे &) हो और संपादन या प्रोसेसिंग के लिए मूल अक्षर वापस चाहिए हों।

क्या यह XSS हमलों से बचाता है?

HTML में डालने से पहले उपयोगकर्ता इनपुट एनकोड करना क्रॉस-साइट स्क्रिप्टिंग (XSS) के ख़िलाफ़ मानक बचावों में से एक है। हालाँकि, सही XSS सुरक्षा संदर्भ पर भी निर्भर करती है (HTML बॉडी, एट्रिब्यूट, JavaScript) — अविश्वसनीय डेटा के लिए सिर्फ़ एनकोडिंग पूर्ण सुरक्षा समाधान नहीं है।

कौन से अक्षर एनकोड होते हैं?

टूल पाँच अक्षर एनकोड करता है जो HTML में महत्वपूर्ण हैं: एम्परसैंड (&), लेस-दैन (<), ग्रेटर-दैन (>), डबल कोट (") और सिंगल कोट (')। जहाँ मानक है वहाँ नाम वाली एंटिटीज़ इस्तेमाल होती हैं (&, <, >, ") और अन्यत्र संख्यात्मक एंटिटीज़।

HTML एनकोडर — पूरी गाइड

वेब पेज पर कच्चा कोड या उपयोगकर्ता द्वारा बनाया टेक्स्ट दिखाना सरल लगता है, लेकिन एक ग़लत जगह रखा < आपका पूरा लेआउट तोड़ सकता है — या इससे भी बुरा, सुरक्षा छेद खोल सकता है। HTML एनकोडर ख़ास अक्षरों को HTML एंटिटीज़में बदल देता है, सुरक्षित पाठ्य निरूपण जिन्हें ब्राउज़र मार्कअप समझने के बजाय शाब्दिक रूप से दिखाते हैं।

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

जब आप एनकोड पर क्लिक करते हैं, तो हर महत्वपूर्ण अक्षर बदल दिया जाता है: & बन जाता है &amp;,< बन जाता है &lt;,> बन जाता है &gt;, और कोट बन जाते हैं &quot; या '। एम्परसैंड हमेशा पहले एनकोड किया जाता है, क्योंकि इसे आख़िर में एनकोड करने से आपके अभी-अभी बनाई एंटिटीज़ दोहरी-एनकोड हो जाएँगी। डिकोडिंग प्रक्रिया उलट देती है, एंटिटीज़ को वापस उनके मूल अक्षरों में बदल देती है।

आम उपयोग

सर्वोत्तम परिणामों के लिए टिप्स

एक बार एनकोड करें, आउटपुट के बिंदु पर — पहले से एनकोड किए टेक्स्ट को एनकोड करने से दृश्य कचरा बनता है जैसे &amp;lt;। अगर आप फ़्रेमवर्क से साइट बना रहे हैं, तो जाँचें कि क्या वह आउटपुट ऑटो-एस्केप करता है (React, Vue और ज़्यादातर टेम्पलेटिंग इंजन करते हैं); मैन्युअल एनकोडिंग मुख्य रूप से वैनिला HTML/JS या पुरानी प्रणालियों के लिए ज़रूरी है। बड़े दस्तावेज़ों के लिए, टुकड़ों में एनकोड करें ताकि आप आउटपुट स्पॉट-चेक कर सकें, और हमेशा रेंडर किए पेज को कच्चे सोर्स व्यू पर भरोसा करने के बजाय असली ब्राउज़र में टेस्ट करें।

JavaScript में एनकोडिंग बनाम एस्केपिंग

नोट करें कि HTML एंटिटी एनकोडिंग JavaScript स्ट्रिंग एस्केपिंग या URL एनकोडिंग से अलग है — हर एक अलग पार्सर को लक्षित करता है। HTML संदर्भों के लिए इस टूल का इस्तेमाल करें; URL के लिए URL एनकोडर इस्तेमाल करें, और JavaScript स्ट्रिंग के लिए JSON.stringify या अपने फ़्रेमवर्क की बनी-बनाई एस्केपिंग पर भरोसा करें। इन्हें मिलाना दोहरी-एनकोडिंग बग का क्लासिक स्रोत है।