מהי הדרך הנכונה לפענח מחרוזת שיש בה ישויות HTML מיוחדות?

Mhy Hdrk Hnkwnh Lp Nh Mhrwzt Sys Bh Yswywt Html Mywhdwt



תוך כדי עבודה עם HTML, אפשר להיתקל בתווים או סמלים מיוחדים שקודדו באמצעות ישויות HTML. ישויות אלה מתחילות באמפרסנד ' & ' ומסתיים עם נקודה-פסיק ' ; ', כמו ' < ' המציין את הסמל ' < '. חשוב לא לכלול אלמנטים/ישויות HTML מיוחדים ממחרוזת כדי לוודא שהמחרוזת הסופית בטוחה לשימוש ואינה מכילה קוד לא חוקי שהדפדפן יכול להפעיל.

פוסט זה יאפשר לכם לדעת את הדרך הנכונה לפענוח מחרוזות עם ישויות HTML מיוחדות.

מהי הדרך הנכונה לפענח מחרוזת שיש בה ישויות HTML מיוחדות?

כדי לפענח מחרוזת המכילה ישויות HTML מיוחדות, השתמש בשיטות הבאות:







שיטה 1: פענוח מחרוזת שיש בה ישויות HTML מיוחדות באמצעות אלמנט 'textarea'.

השתמש ב-HTML ' <אזור טקסט> ” אלמנט לפענוח מחרוזת המכילה ישויות HTML מיוחדות. זה לוקח מחרוזת עם ישויות HTML מיוחדות באמצעות ' innerHTML ' תכונה. הדפדפן מפענח אוטומטית את הישויות באזור הטקסט ונותן את הטקסט הפשוט הפשוט. כדי לאחזר את המחרוזת המפוענחת, השתמש ב-' ערך ' תכונה.



דוגמא



צור משתנה ' EncodedString ' המאחסנת מחרוזת המכילה ישויות HTML מיוחדות בתוכה:





const EncodedString = '<div>ברוכים הבאים ל-Linuxhint!</div>' ;

הדפס את המחרוזת המקודדת בקונסולה:

לְנַחֵם. עֵץ ( 'מחרוזת מקודדת:' + EncodedString ) ;

צור אלמנט HTML ' אזור טקסט ' משתמש ב ' createElement() ' שיטה:



const אזור טקסט = מסמך. createElement ( 'שטח טקסט' ) ;

העבר את המחרוזת המקודדת לאזור הטקסט באמצעות ' innerHTML ' תכונה:

אזור טקסט. innerHTML = EncodedString ;

כעת, קבל את המחרוזת המפוענחת באמצעות ' ערך ' תכונה של אזור הטקסט ולאחסן אותו במשתנה ' decodedString ”:

const decodedString = אזור טקסט. ערך ;

לבסוף, הצג את המחרוזת המפוענחת בקונסולה באמצעות ' console.log() ' שיטה:

לְנַחֵם. עֵץ ( 'מחרוזת מפוענחת:' + decodedString ) ;

הפלט מציין שהמחרוזת המכילה ישויות HTML מיוחדות פוענחה בהצלחה:

הגישה הנ'ל פשוטה וברורה, והיא מתאימה לתרחישים פשוטים. אם תנסה להתמודד עם מבני HTML מורכבים, זה ייכשל. אז לשם כך, השתמש בשיטת 'parseFromString()'.

שיטה 2: פענוח מחרוזת שיש בה ישויות HTML מיוחדות באמצעות שיטת 'parseFromString()'

דרך נוספת לפענח מחרוזת עם ישויות HTML מיוחדות היא ' parseFromString() ' שיטה. זוהי שיטה בנויה מראש של ' DOMParser ' חפץ. זה עוזר לנתח מחרוזת XML או HTML ולאחר מכן ליצור ממנה אובייקט מסמך DOM חדש.

דוגמא

ראשית, צור אובייקט חדש של ' DOMParser ' משתמש ב ' חָדָשׁ ' מילת מפתח:

const מנתח = חָדָשׁ DOMParser ( ) ;

תתקשר ל ' parseFromString() ' שיטת והעברת הפרמטרים ' מחרוזת מקודדת ' כמבנה HTML מורכב, וה' טקסט/html '. זה אומר לשיטה להתייחס למחרוזת המקודדת כאל HTML. להשתמש ב ' textContent ' מאפיין של אלמנט הגוף כדי לקבל את המחרוזת המפוענחת:

const decodedString = מנתח. parseFromString ( ` doctype html >< גוּף > $ { EncodedString } ` , 'טקסט/html' ) . גוּף . textContent ;

הדפס את המחרוזת המפוענחת בקונסולה:

לְנַחֵם. עֵץ ( 'מחרוזת מפוענחת:' + decodedString ) ;

תְפוּקָה

סיפקנו את כל ההוראות החיוניות הרלוונטיות לפענוח מחרוזת עם ישויות HTML מיוחדות.

סיכום

לפענוח מחרוזת המכילה ישויות HTML מיוחדות, השתמש ברכיב HTML ' אזור טקסט ' או ה

' parseFromString() שיטת ה' DOMParser ' חפץ. גישת