বিনামূল্যে HTML এনকোডার ও ডিকোডার

কিভাবে কাজ করে

এখানে HTML এনকোডিং ও ডিকোডিং পুরোপুরি আপনার ব্রাউজারে হাতে লেখা regex প্রতিস্থাপন ও একটি নির্দিষ্ট named-entity লুকআপ টেবিল দিয়ে চলে — কোনো তৃতীয় পক্ষের এনকোডিং লাইব্রেরি বা সার্ভার আসা-যাওয়া নেই। অপ্রচলিত named entity (যেমন á বা “) ডিকোডে টুলটি খরচহীন বিকল্প হিসেবে ব্রাউজারের নিজস্ব HTML পার্সারের সাহায্য নেয়।

1. 1
   প্রতিস্থাপনের অক্ষর খুঁজতে regex স্ক্যান

   এনকোডের সময় আপনার ইনপুটে দুটি ইউনিকোড-সচেতন regex-এর একটি চলে: প্রায় 25টি প্রচলিত HTML-গুরুত্বপূর্ণ ও বিশেষ অক্ষরের একটি নির্দিষ্ট প্যাটার্ন, অথবা U+007F-এর উপরের প্রতিটি কোড পয়েন্ট ধরে এমন একটি বিস্তৃত প্যাটার্ন। প্রতিটি ম্যাচ অক্ষর ধরে ধরে ধরা হয়।
2. 2
   লুকআপ টেবিল বা codePointAt() entity তৈরি করে

   named-entity আউটপুটে মেলা অক্ষর একটি নির্দিষ্ট টেবিলে খোঁজা হয় (যেমন & → &, © → ©)। decimal বা hex আউটপুটে String.codePointAt() ইউনিকোড কোড পয়েন্ট নিয়ে &#NNN; বা &#xNNN; হিসেবে ফরম্যাট করে — regex ইউনিকোড 'u' ফ্ল্যাগ ব্যবহার করে বলে surrogate pair ঠিকভাবে সামলানো হয়।
3. 3
   এক ধাপের regex entity-কে আবার অক্ষরে ডিকোড করে

   ডিকোডের সময় একটি regex ধাপ সব entity টোকেন (&, A, A ইত্যাদি) শনাক্ত করে প্রতিটিকে সঠিক হ্যান্ডলারে পাঠায়: hex-এর জন্য parseInt(base 16), decimal-এর জন্য Number(), named-এর জন্য উল্টো লুকআপ, অথবা — নির্দিষ্ট টেবিলে নেই এমন entity-র জন্য — একটি textarea এলিমেন্ট, যার innerHTML ব্রাউজার নেটিভভাবে পার্স করে নিজস্ব বিল্ট-ইন entity টেবিল থেকে সঠিক অক্ষর দেয়।
4. 4
   ফলাফল সঙ্গে সঙ্গে আসে; Clipboard API দিয়ে কপি

   প্রতিটি কীস্ট্রোকে React useMemo দিয়ে সিঙ্ক্রোনাসভাবে আউটপুট আবার হিসাব হয়। কপি করতে navigator.clipboard.writeText() — আধুনিক async Clipboard API — ব্যবহার হয়, সীমাবদ্ধ পরিবেশের জন্য নীরব catch-সহ।

সম্পর্কিত টুলস