এই পোস্টটি আপনাকে বিশেষ HTML সত্তার সাথে স্ট্রিং ডিকোড করার সঠিক উপায় জানাবে৷
বিশেষ HTML সত্তা আছে এমন একটি স্ট্রিং ডিকোড করার সঠিক উপায় কী?
একটি স্ট্রিং ডিকোড করতে যাতে এটিতে বিশেষ HTML সত্তা রয়েছে, নিম্নলিখিত পদ্ধতিগুলি ব্যবহার করুন:
পদ্ধতি 1: 'টেক্সটেরিয়া' উপাদান ব্যবহার করে একটি স্ট্রিং ডিকোড করুন যাতে এটিতে বিশেষ HTML সত্তা রয়েছে
HTML ব্যবহার করুন ' বিশেষ HTML সত্তা ধারণ করে এমন একটি স্ট্রিং ডিকোড করার জন্য উপাদান। এটি ব্যবহার করে বিশেষ HTML সত্তা সহ একটি স্ট্রিং লাগে ' innerHTML 'সম্পত্তি। ব্রাউজার স্বয়ংক্রিয়ভাবে টেক্সটেরিয়ার সত্তাগুলিকে ডিকোড করে এবং সহজ সরল পাঠ্য দেয়। ডিকোড করা স্ট্রিং পুনরুদ্ধার করার জন্য, ' মান 'সম্পত্তি।
উদাহরণ
একটি পরিবর্তনশীল তৈরি করুন ' encodedString ” যা এতে বিশেষ HTML সত্তা সম্বলিত একটি স্ট্রিং সংরক্ষণ করে:
const encodedString = '<div>লিনাক্সহিন্টে স্বাগতম!</div>' ;
কনসোলে এনকোড করা স্ট্রিং প্রিন্ট করুন:
কনসোল লগ ( 'এনকোডেড স্ট্রিং:' + encodedString ) ;একটি HTML উপাদান তৈরি করুন ' textarea ' ব্যবহার করে ' ক্রিয়েট এলিমেন্ট() 'পদ্ধতি:
const textarea = নথি এলিমেন্ট তৈরি করুন ( 'টেক্সটেরিয়া' ) ;
টেক্সটেরিয়াতে এনকোড করা স্ট্রিং পাস করুন “ innerHTML 'সম্পত্তি:
textarea innerHTML = encodedString ;এখন, ' ব্যবহার করে ডিকোড করা স্ট্রিং পান মান 'টেক্সটেরিয়ার বৈশিষ্ট্য এবং এটি একটি পরিবর্তনশীল মধ্যে সংরক্ষণ করুন' decodedString ”:
const decodedString = textarea মান ;অবশেষে, ' ব্যবহার করে কনসোলে ডিকোড করা স্ট্রিং প্রদর্শন করুন console.log() 'পদ্ধতি:
কনসোল লগ ( 'ডিকোডেড স্ট্রিং:' + decodedString ) ;আউটপুট নির্দেশ করে যে বিশেষ HTML সত্তা ধারণকারী স্ট্রিং সফলভাবে ডিকোড করা হয়েছে:
উপরের পদ্ধতিটি সহজ এবং পরিষ্কার, এবং এটি সাধারণ পরিস্থিতিতে জন্য উপযুক্ত। আপনি যদি জটিল এইচটিএমএল কাঠামো পরিচালনা করার চেষ্টা করেন তবে এটি ব্যর্থ হবে। সুতরাং, এর জন্য, 'parseFromString()' পদ্ধতি ব্যবহার করুন।
পদ্ধতি 2: 'parseFromString()' পদ্ধতি ব্যবহার করে একটি স্ট্রিং ডিকোড করুন যাতে এটিতে বিশেষ HTML সত্তা রয়েছে
বিশেষ HTML সত্তা সহ একটি স্ট্রিং ডিকোড করার আরেকটি উপায় হল ' পার্সফ্রমস্ট্রিং() 'পদ্ধতি। এটি একটি পূর্ব-নির্মিত পদ্ধতি ' DOMParser বস্তু। এটি একটি XML বা HTML স্ট্রিং পার্স করতে এবং তারপর এটি থেকে একটি নতুন DOM নথি বস্তু তৈরি করতে সহায়তা করে।
উদাহরণ
প্রথমে একটি নতুন অবজেক্ট তৈরি করুন “ DOMParser ' ব্যবহার করে ' নতুন ' কীওয়ার্ড:
const পার্সার = নতুন DOMParser ( ) ;কল করুন ' পার্সফ্রমস্ট্রিং() 'পদ্ধতি এবং পরামিতি পাস' এনকোডেড স্ট্রিং 'একটি জটিল HTML গঠন হিসাবে, এবং ' টেক্সট/এইচটিএমএল ” এটি এনকোড করা স্ট্রিংটিকে HTML হিসাবে বিবেচনা করার পদ্ধতি বলে। ব্যবহার ' পাঠ্য বিষয়বস্তু ডিকোডেড স্ট্রিং পেতে শরীরের উপাদানের সম্পত্তি:
const decodedString = পার্সার parseFromString ( ` doctype html < শরীর > $ { encodedString } ` , 'টেক্সট/এইচটিএমএল' ) . শরীর . পাঠ্য বিষয়বস্তু ;কনসোলে ডিকোড করা স্ট্রিং প্রিন্ট করুন:
কনসোল লগ ( 'ডিকোডেড স্ট্রিং:' + decodedString ) ;আউটপুট
আমরা বিশেষ HTML সত্তার সাথে একটি স্ট্রিং ডিকোড করার জন্য প্রাসঙ্গিক সমস্ত প্রয়োজনীয় নির্দেশাবলী প্রদান করেছি।
উপসংহার
একটি স্ট্রিং ডিকোড করার জন্য যেটিতে বিশেষ HTML সত্তা রয়েছে, HTML উপাদানটি ব্যবহার করুন “ textarea ' অথবা
' parseFromString() 'এর পদ্ধতি' DOMParser বস্তু।