Ipapaalam sa iyo ng post na ito ang tamang paraan para sa pag-decode ng mga string na may mga espesyal na HTML entity.
Ano ang Tamang Paraan para Mag-decode ng String na May Espesyal na HTML Entity?
Upang mag-decode ng string na naglalaman ng mga espesyal na HTML entity dito, gamitin ang mga sumusunod na pamamaraan:
Paraan 1: Mag-decode ng String na mayroong Espesyal na HTML Entity sa loob nito Gamit ang Elementong 'textarea'.
Gamitin ang HTML ' ” elemento para sa pag-decode ng isang string na naglalaman ng mga espesyal na entity ng HTML. Ito ay tumatagal ng isang string na may mga espesyal na HTML entity gamit ang “ innerHTML ” ari-arian. Ang browser ay awtomatikong nagde-decode ng mga entity sa textarea at nagbibigay ng simpleng plain text. Para sa pagkuha ng decoded string, gamitin ang “ halaga ” ari-arian.
Halimbawa
Lumikha ng variable ' naka-encodeString ” na nag-iimbak ng string na naglalaman ng mga espesyal na HTML entity dito:
const naka-encodeString = '<div>Welcome sa Linuxhint!</div>' ;
I-print ang naka-encode na string sa console:
console. log ( 'Naka-encode na String: ' + naka-encodeString ) ;Lumikha ng isang HTML na elemento ' textarea ' gamit ang ' createElement() 'paraan:
const textarea = dokumento. createElement ( 'textarea' ) ;
Ipasa ang naka-encode na string sa textarea gamit ang “ innerHTML ” ari-arian:
textarea. innerHTML = naka-encodeString ;Ngayon, kunin ang decoded string gamit ang “ halaga 'attribute ng textarea at iimbak ito sa isang variable' decodedString ”:
const decodedString = textarea. halaga ;Panghuli, ipakita ang decoded string sa console gamit ang “ console.log() 'paraan:
console. log ( 'Na-decode na String: ' + decodedString ) ;Ang output ay nagpapahiwatig na ang string na naglalaman ng mga espesyal na HTML entity ay matagumpay na na-decode:
Ang diskarte sa itaas ay simple at malinaw, at ito ay angkop para sa mga simpleng sitwasyon. Kung susubukan mong hawakan ang mga kumplikadong istruktura ng HTML, mabibigo ito. Kaya, para diyan, gamitin ang 'parseFromString()' Method.
Paraan 2: Mag-decode ng String na mayroong Espesyal na HTML Entity sa loob nito Gamit ang Paraan ng 'parseFromString()'
Ang isa pang paraan upang mag-decode ng string na may mga espesyal na HTML entity ay ang “ parseFromString() ” paraan. Ito ay isang pre-built na paraan ng ' DOMParser ” bagay. Nakakatulong itong mag-parse ng XML o HTML string at pagkatapos ay lumikha ng bagong object ng dokumento ng DOM mula dito.
Halimbawa
Una, lumikha ng isang bagong bagay ng ' DOMParser ' gamit ang ' bago ” keyword:
const parser = bago DOMParser ( ) ;Tawagan ang ' parseFromString() 'paraan at ipasa ang mga parameter' naka-encode na string ' bilang isang kumplikadong istraktura ng HTML, at ang ' teksto/html ”. Sinasabi nito ang paraan upang ituring ang naka-encode na string bilang HTML. Gamitin ang ' textContent ” pag-aari ng elemento ng katawan upang makuha ang decoded string:
const decodedString = parser. parseFromString ( ` doctype html >< katawan > $ { naka-encodeString } ` , 'text/html' ) . katawan . textContent ;I-print ang decoded string sa console:
console. log ( 'Na-decode na String: ' + decodedString ) ;Output
Ibinigay namin ang lahat ng mahahalagang tagubiling nauugnay sa pag-decode ng string na may mga espesyal na entity ng HTML.
Konklusyon
Para sa pag-decode ng string na naglalaman ng mga espesyal na entity ng HTML dito, gamitin ang HTML element na ' textarea ' o ang
“ parseFromString() 'paraan ng' DOMParser ” bagay. Ang diskarte na