تخطَّ إلى المحتوى الرئيسي

ترميز HTML وفك ترميزه مجانًا

رمِّز الأحرف الخاصة إلى كيانات HTML أو فك ترميز الكيانات إلى نص عادي. فورًا، في متصفحك.

يعمل دون اتصال بعد التحميل
المخرج:
أمثلة:
نص عادي / HTML
HTML المرمَّز
ستظهر المخرجات هنا...
مرجع كيانات HTML الشائعة
&&
<&lt;
>&gt;
"&quot;
'&#39;
·&nbsp;
©&copy;
®&reg;
™&trade;
€&euro;
—&mdash;
…&hellip;

الاستخدامات الشائعة

  • ترميز المحتوى لموجزات RSSترميز محتوى HTML لوصفات عنصر موجز RSS — مطلوبة من معيار RSS 2.0.
  • تطهير مدخلات المستخدم لمخرجات HTMLقم بترميز السلاسل المقدمة من المستخدم قبل إدراجها في HTML — يمنع هجمات XSS Injection.
  • ترميز الأحرف الخاصة لبريد HTMLترميز أحرف مثل & و < و > و © كعلامات HTML بحيث تظهر بشكل صحيح في جميع عملاء البريد الإلكتروني.
  • ترميز محتوى المستخدم لعرض الويبمنع هجمات XSS بترميز محتوى ينتجه المستخدم قبل عرضه في صفحات HTML.
  • ترميز المحتوى لـ XMLترميز أحرف خاصة لملفات XML و RSS و Sitemaps وحمولات SOAP.

كيف يعمل

يعمل ترميز HTML وفكّه هنا بالكامل في متصفحك باستخدام استبدال بتعبيرات نمطية مكتوبة يدويًا وجدول بحث مضمّن للكيانات المسمّاة — لا مكتبة ترميز خارجية ولا ذهاب وإياب إلى خادم. ولفك الكيانات المسمّاة غير الشائعة (مثل &aacute; أو &ldquo;)، تفوّض الأداة ذلك إلى محلّل HTML في المتصفح نفسه كبديل بلا تكلفة.

  1. 1
    التعبير النمطي يبحث عن الأحرف المراد استبدالها
    عند الترميز، يعمل أحد تعبيرين نمطيين يدعمان Unicode على إدخالك: نمط مستهدف يغطي نحو 25 حرفًا شائعًا ذا دلالة في HTML أو خاصًا، أو نمط أوسع يلتقط كل نقطة رمز فوق U+007F. ويُعترض كل تطابق حرفًا حرفًا.
  2. 2
    جدول البحث أو codePointAt() ينتج الكيان
    لإخراج الكيانات المسمّاة، يُبحث عن الأحرف المطابقة في جدول مضمّن (مثل & → &amp;، و© → &copy;). وللإخراج العشري أو الست عشري، يحصل String.codePointAt() على نقطة رمز Unicode وينسّقها كـ &#NNN; أو &#xNNN; — وتُعالج الأزواج البديلة بشكل صحيح لأن التعبير النمطي يستخدم علامة Unicode 'u'.
  3. 3
    مرور تعبير نمطي واحد يفك الكيانات إلى أحرف
    عند فك الترميز، يحدد مرور تعبير نمطي واحد كل رموز الكيانات (&amp; و&#65; و&#x41; وغيرها) ويوجه كلًا منها إلى المعالج المناسب: parseInt ست عشري (الأساس 16)، أو Number() عشري، أو بحث عكسي عن الاسم، أو — لأي كيان غير موجود في الجدول المضمّن — عنصر textarea يحلل المتصفح innerHTML الخاص به أصليًا، مُرجعًا الحرف الصحيح من جدول الكيانات المدمج في المتصفح.
  4. 4
    تظهر النتيجة فورًا؛ والنسخ إلى الحافظة عبر Clipboard API
    يُعاد حساب الإخراج بشكل متزامن مع كل ضغطة مفتاح عبر useMemo في React. ويستخدم النسخ navigator.clipboard.writeText() — واجهة Clipboard غير المتزامنة الحديثة — مع التقاط صامت للأخطاء في السياقات المقيّدة.

أدوات ذات صلة

الأسئلة الشائعة