রূপান্তর সরাসরি আপনার ব্রাউজারে চলে এবং আপনার টেক্সট আপলোড হয় না। শুধু নিরাপদ HTML text দরকার হলে বিশেষ অক্ষর ব্যবহার করুন, ©-এর মতো পড়তে সহজ reference চাইলে Named entity ব্যবহার করুন, আর decimal বা hex code point দরকার হলে numeric মোড বেছে নিন।
HTML entity এনকোডার ও ডিকোডার
পুরোটাই আপনার ব্রাউজারে চলে - কিছু আপলোড নেই, সাইন-আপ নেই।
শুধু HTML-sensitive অক্ষর escape করে: ampersand, angle bracket, quote এবং apostrophe।
ইনপুট
ফলাফল
এনকোড করতে টেক্সট দিন বা ডিকোড করতে HTML entity দিন0টি entity reference0 অক্ষর ইন, 0 অক্ষর আউট
HTML entity এনকোডার ও ডিকোডার কী?
HTML entity এনকোডার ও ডিকোডার পাঠযোগ্য টেক্সট এবং HTML character reference-এর মধ্যে অক্ষর রূপান্তর করে, যেমন <, ©, © এবং 🌍। HTML-এ টেক্সট পেস্ট করার আগে markup-sensitive অক্ষর escape করতে, বা source code থেকে entity ডিকোড করে আবার সাধারণ টেক্সটে ফিরিয়ে আনতে এটি ব্যবহার করুন।
যেভাবে ব্যবহার করবেন
- 1এনকোড বা ডিকোড বেছে নিন. টেক্সটকে HTML entity-তে রূপান্তর করতে এনকোড বেছে নিন, অথবা entity reference-কে আবার পাঠযোগ্য অক্ষরে ফিরিয়ে আনতে ডিকোড বেছে নিন।
- 2এনকোড মোড বেছে নিন. নিরাপদ HTML text-এর জন্য বিশেষ অক্ষর ব্যবহার করুন, পড়তে সহজ নামের জন্য Named entity ব্যবহার করুন, অথবা numeric code-point reference-এর জন্য Decimal ও Hex ব্যবহার করুন।
- 3আপনার টেক্সট পেস্ট করুন. Output panel-এ ফলাফল সঙ্গে সঙ্গে আপডেট হয়। Decode মোড named, decimal এবং hexadecimal reference একসঙ্গে সামলায়।
- 4ফলাফল কপি করুন. এনকোড বা ডিকোড করা টেক্সট কপি করে আপনার HTML, template, email বা documentation-এ পেস্ট করুন।
কাদের জন্য
- ওয়েব ডেভেলপারদের জন্য, যারা snippet-এ থাকা angle bracket, ampersand, quote বা apostrophe টেক্সট হিসেবে দেখানোর আগে escape করেন।
- কনটেন্ট এডিটরদের জন্য, যারা CMS বা email template copy-তে symbol
&, বা©হিসেবে এলে সেগুলো ডিকোড করেন। - QA ও support team-এর জন্য, যারা ভাঙা পেজে raw markup আছে নাকি আগে থেকেই escaped entity reference আছে তা পরীক্ষা করেন।
- ডকুমেন্টেশন লেখকদের জন্য, যারা HTML tag দেখানো উদাহরণ বানান কিন্তু browser যেন সেগুলোকে আসল markup না ধরে।
সাধারণ প্রশ্ন
এই HTML entity এনকোডারটি কি বিনামূল্যে?
হ্যাঁ। HTML entity এনকোডার ও ডিকোডার বিনামূল্যে ব্যবহার করা যায়, কোনো sign-up, download বা usage limit নেই। টেক্সট পেস্ট করুন, মোড বেছে নিন এবং ব্রাউজার থেকেই ফলাফল কপি করুন।
আমার টেক্সট কি কোথাও আপলোড হয়?
না। এনকোডিং ও ডিকোডিং আপনার ব্রাউজারে লোকালভাবে হয়। Widget-এ পেস্ট করা টেক্সট সার্ভারে পাঠানো হয় না, তাই private template, source snippet এবং support ticket-এর জন্য এটি কাজে লাগে।
নিরাপদ HTML-এর জন্য কোন অক্ষর এনকোড করা উচিত?
কমপক্ষে ampersand, less-than, greater-than এবং quote escape করুন, যখন টেক্সট HTML বা attribute-এ বসানো হয়। এই অক্ষরগুলো markup, entity বা attribute boundary শুরু করতে পারে। আধুনিক UTF-8 পেজে প্রতিটি non-ASCII অক্ষর এনকোড করা ঐচ্ছিক।
Named, decimal এবং hex entity-এর মধ্যে পার্থক্য কী?
Named entity পড়তে সহজ label ব্যবহার করে, যেমন <code>&copy;</code>। Decimal numeric reference base-10 code point ব্যবহার করে, যেমন <code>&#169;</code>। Hex reference base-16 code point ব্যবহার করে, যেমন <code>&#xa9;</code>। Browser তিন ধরনের form-ই ডিকোড করে।
ডিকোডার কি emoji এবং non-English text সমর্থন করে?
হ্যাঁ। Numeric reference যেকোনো valid Unicode code point দেখাতে পারে, যার মধ্যে emoji এবং non-Latin script আছে। যেমন <code>&#x1f30d;</code> globe emoji-তে ডিকোড হয়, আর <code>&eacute;</code>-এর মতো named entity accented letter-এ ডিকোড হয়।
ডিকোড করা HTML কি সত্যিকারের markup হিসেবে চলবে?
না। ডিকোড করা ফলাফল plain textarea-তে দেখানো হয়, তাই tool-এর ভেতরে tag টেক্সট হিসেবেই থাকে। আপনি যদি decoded output কোনো HTML document-এ কপি করেন, তখন browser আসল tag-গুলোকে markup হিসেবে ধরবে।
Double-escaped ampersand কেন শুধু একবার ডিকোড হলো?
<code>&amp;</code> হলো literal ampersand-এর entity। একবার ডিকোড করলে <code>&</code> পাওয়া যায়। কোনো string একাধিকবার encode করা হলে একাধিকবার decode করতে হতে পারে, তবে source সত্যিই double-escaped জানলেই শুধু তা করুন।