דלג לתוכן הראשי

מקודד ומפענח HTML בחינם

קודד תווים מיוחדים לישויות HTML או פענח ישויות חזרה לטקסט רגיל. מיידי, בדפדפן שלך.

פועל לא-מקוון לאחר טעינה
פלט:
דוגמאות:
טקסט רגיל / HTML
HTML מקודד
הפלט יופיע כאן...
עיון ב-HTML entities נפוצים
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

שימושים נפוצים

  • קודד תוכן ל-RSS feedsקודד תוכן HTML לתיאורי פריט RSS - נדרש על ידי הסטנדרט RSS 2.0.
  • ניקוי קלט משתמש לפלט HTMLקודד מחרוזות שמסופק על ידי המשתמש לפני הכנסתן ל-HTML - מנע התקפות ספרור XSS.
  • קוד תווים מיוחדים לדוא"ל HTMLקוד תווים כמו &, <, > ו- © כישויות HTML כדי שהם יעברו כראוי בכל לקוחות דוא"ל.
  • קוד תוכן משתמש לתצוגה באינטרנטמנע התקפות XSS על ידי קידוד תוכן שנוצר על ידי משתמש לפני ביצוע הרendation בעמודי HTML.
  • קוד תוכן עבור XMLקוד תווים מיוחדים לקבצי XML, הזנות RSS, סמלים אתריים ותשלומי SOAP.

כיצד זה עובד

קידוד ופענוח HTML כאן פועלים כולם בדפדפן שלך באמצעות החלפת ביטוי רגולרי כתובה-יד וטבלת חיפוש ישויות-בשם מקודדת-קשיח — ללא ספריית קידוד צד שלישי, ללא מסע הלוך-חזור לשרת. עבור פענוח ישויות בשם לא נפוצות (כמו &aacute; או &ldquo;), הכלי מאציל למפענח ה-HTML של הדפדפן עצמו כחלופה חסרת-עלות.

  1. 1
    ביטוי רגולרי סורק תווים להחלפה
    בקידוד, אחד משני ביטויים רגולריים מודעי-יוניקוד פועל על הקלט שלך: תבנית ממוקדת המכסה כ-25 תווים נפוצים משמעותיים-ל-HTML ומיוחדים, או תבנית רחבה יותר שתופסת כל קוד-נקודה מעל U+007F. כל התאמה מיורטת תו-אחר-תו.
  2. 2
    טבלת חיפוש או codePointAt() מפיקה את הישות
    עבור פלט ישות-בשם, תווים מותאמים מחופשים בטבלה מקודדת-קשיח (למשל & → &amp;, © → &copy;). עבור פלט עשרוני או הקסדצימלי, String.codePointAt() מקבל את קוד-הנקודה יוניקוד ומעצב אותו כ-&#NNN; או &#xNNN; — זוגות תחליף מטופלים נכון כי הביטוי הרגולרי משתמש בדגל 'u' של יוניקוד.
  3. 3
    מעבר ביטוי רגולרי בודד מפענח ישויות בחזרה לתווים
    בפענוח, מעבר ביטוי רגולרי בודד מזהה את כל אסימוני הישות (&amp;, &#65;, &#x41; וכו') ומנתב כל אחד למטפל הנכון: parseInt הקסדצימלי (בסיס 16), Number() עשרוני, חיפוש-הפוך בשם, או — עבור כל ישות שאינה בטבלה המקודדת-קשיח — אלמנט textarea שה-innerHTML שלו הדפדפן מפענח באופן מקורי, ומחזיר את התו הנכון מטבלת הישויות המובנית של הדפדפן.
  4. 4
    התוצאה מופיעה מיד; העתקה ללוח דרך Clipboard API
    הפלט מחושב מחדש סינכרונית בכל הקשה דרך useMemo של React. ההעתקה משתמשת ב-navigator.clipboard.writeText() — Clipboard API האסינכרוני המודרני — עם תפיסה שקטה עבור הקשרים מוגבלים.

כלים קשורים

שאלות נפוצות