சிறப்பு HTML நிறுவனங்களுடன் சரங்களை டிகோடிங் செய்வதற்கான சரியான வழியை இந்த இடுகை உங்களுக்குத் தெரிவிக்கும்.
சிறப்பு HTML என்டிட்டிகளைக் கொண்ட ஒரு சரத்தை டிகோட் செய்வதற்கான சரியான வழி என்ன?
சிறப்பு HTML உறுப்புகளைக் கொண்ட சரத்தை டிகோட் செய்ய, பின்வரும் முறைகளைப் பயன்படுத்தவும்:
முறை 1: 'textarea' உறுப்பைப் பயன்படுத்தி சிறப்பு HTML என்டிட்டிகளைக் கொண்ட ஒரு சரத்தை டிகோட் செய்யவும்
HTML ஐப் பயன்படுத்தவும் ' ” சிறப்பு HTML உட்பொருள்களைக் கொண்ட சரத்தை டிகோடிங் செய்வதற்கான உறுப்பு. இது 'ஐப் பயன்படுத்தி சிறப்பு HTML நிறுவனங்களுடன் ஒரு சரத்தை எடுக்கும் உள் HTML ”சொத்து. உலாவி தானாகவே உரைப் பகுதியில் உள்ள உறுப்புகளை டிகோட் செய்து எளிய உரையை வழங்குகிறது. டிகோட் செய்யப்பட்ட சரத்தை மீட்டெடுக்க, ' மதிப்பு ”சொத்து.
உதாரணமாக
ஒரு மாறியை உருவாக்கவும் ' குறியிடப்பட்ட சரம் ” இது சிறப்பு HTML உட்பொருளைக் கொண்ட சரத்தை சேமிக்கிறது:
நிலையான குறியிடப்பட்ட சரம் = '<div>Linuxhint க்கு வரவேற்கிறோம்!</div>' ;
கன்சோலில் குறியிடப்பட்ட சரத்தை அச்சிடுக:
பணியகம். பதிவு ( 'குறியீடு செய்யப்பட்ட சரம்:' + குறியிடப்பட்ட சரம் ) ;ஒரு HTML உறுப்பை உருவாக்கவும் ' உரைப்பகுதி ' பயன்படுத்தி ' உருவாக்க உறுப்பு() ”முறை:
நிலையான உரைப்பகுதி = ஆவணம். உருவாக்க உறுப்பு ( 'டெக்ஸ்ட் ஏரியா' ) ;
குறியிடப்பட்ட சரத்தை உரைப்பகுதிக்கு அனுப்பவும் ' உள் HTML 'சொத்து:
உரைப்பகுதி. உள் HTML = குறியிடப்பட்ட சரம் ;இப்போது, '' ஐப் பயன்படுத்தி டிகோட் செய்யப்பட்ட சரத்தைப் பெறுங்கள் மதிப்பு 'டெக்ஸ்ட் ஏரியாவின் பண்புக்கூறு மற்றும் அதை ஒரு மாறியில் சேமிக்கவும்' டிகோட் செய்யப்பட்ட சரம் ”:
நிலையான டிகோட் செய்யப்பட்ட சரம் = உரைப்பகுதி. மதிப்பு ;இறுதியாக, டிகோட் செய்யப்பட்ட சரத்தை '' ஐப் பயன்படுத்தி கன்சோலில் காண்பிக்கவும் console.log() ”முறை:
பணியகம். பதிவு ( 'டிகோட் செய்யப்பட்ட சரம்:' + டிகோட் செய்யப்பட்ட சரம் ) ;சிறப்பு HTML உட்பொருளைக் கொண்ட சரம் வெற்றிகரமாக டிகோட் செய்யப்பட்டதை வெளியீடு குறிக்கிறது:
மேலே உள்ள அணுகுமுறை எளிமையானது மற்றும் தெளிவானது, மேலும் இது எளிமையான காட்சிகளுக்கு ஏற்றது. சிக்கலான HTML கட்டமைப்புகளைக் கையாள முயற்சித்தால், அது தோல்வியடையும். எனவே, அதற்கு, “parseFromString()” முறையைப் பயன்படுத்தவும்.
முறை 2: 'parseFromString()' முறையைப் பயன்படுத்தி சிறப்பு HTML உட்பொருட்களைக் கொண்ட ஒரு சரத்தை டிகோட் செய்யவும்
சிறப்பு HTML நிறுவனங்களுடன் சரத்தை டிகோட் செய்வதற்கான மற்றொரு வழி ' parseFromString() ”முறை. இது ஒரு முன் கட்டமைக்கப்பட்ட முறையாகும் ' DOMPparser ” பொருள். இது ஒரு XML அல்லது HTML சரத்தை அலசவும், அதிலிருந்து புதிய DOM ஆவணப் பொருளை உருவாக்கவும் உதவுகிறது.
உதாரணமாக
முதலில், ஒரு புதிய பொருளை உருவாக்கவும் ' DOMPparser ' பயன்படுத்தி ' புதிய 'முக்கிய சொல்:
நிலையான பாகுபடுத்தி = புதிய DOMPparser ( ) ;அழை' parseFromString() 'முறை மற்றும் அளவுருக்களை அனுப்பவும்' குறியிடப்பட்ட சரம் 'ஒரு சிக்கலான HTML கட்டமைப்பாக, மற்றும் ' உரை/html ”. குறியிடப்பட்ட சரத்தை HTML ஆகக் கையாளும் முறையை இது சொல்கிறது. பயன்படுத்த ' உரை உள்ளடக்கம் ” டிகோட் செய்யப்பட்ட சரத்தைப் பெற உடல் உறுப்புகளின் சொத்து:
நிலையான டிகோட் செய்யப்பட்ட சரம் = பாகுபடுத்தி parseFromString ( ` டாக்டைப் html >< உடல் > $ { குறியிடப்பட்ட சரம் } ` , 'உரை/html' ) . உடல் . உரை உள்ளடக்கம் ;டிகோட் செய்யப்பட்ட சரத்தை கன்சோலில் அச்சிடவும்:
பணியகம். பதிவு ( 'டிகோட் செய்யப்பட்ட சரம்:' + டிகோட் செய்யப்பட்ட சரம் ) ;வெளியீடு
சிறப்பு HTML நிறுவனங்களுடன் சரத்தை டிகோடிங் செய்வது தொடர்பான அனைத்து அத்தியாவசிய வழிமுறைகளையும் நாங்கள் வழங்கியுள்ளோம்.
முடிவுரை
சிறப்பு HTML உறுப்புகளைக் கொண்ட ஒரு சரத்தை டிகோட் செய்ய, HTML உறுப்பைப் பயன்படுத்தவும் ' உரைப்பகுதி ” அல்லது
' parseFromString() 'முறை' DOMPparser ” பொருள்.