ترميز كيانات HTML في جافا سكريبت

عند إدخال المحتوى في نظام إدارة المحتوى (CMS)، من الضروري التعامل مع الأحرف الخاصة مثل ® إلى ضمان العرض المناسب عبر المتصفحات. لمعالجة هذه المشكلة، يمكن استخدام جافا سكريبت لتحديد موقع هذه الرموز وتحويلها إلى كيانات HTML مناسبة.

باستخدام التعبيرات العادية، يمكن تحقيق التحويل عن طريق استبدال نطاقات أحرف معينة بكيانات HTML المقابلة لها. ستكون تعليمات JavaScript البرمجية مشابهة لما يلي:

var encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, function(i) {
   return '&#' i.charCodeAt(0) ';';
});

يستبدل هذا الرمز جميع الأحرف ضمن نطاق Unicode المحدد (00A0-9999) والأحرف الخاصة (&، ) بمرادفات كيان HTML الخاص بها. على سبيل المثال، ® تصبح ®.

بدلاً من ذلك، في ES6:

const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, i => '&#' i.charCodeAt(0) ';')

يضمن هذا الأسلوب تحويل كافة الأحرف القابلة للتطبيق إلى كيانات HTML. ومع ذلك، من المهم ملاحظة أن تكوينات خطوط النظام والعوامل الأخرى يمكن أن تؤثر على العرض الصحيح لهذه الأحرف.

ضع في الاعتبار المشكلات المحتملة المتعلقة بترميز الأحرف، مثل ضمان تشفير UTF8 وتخزين قاعدة البيانات، للتخفيف من تناقضات العرض .

بالإضافة إلى ذلك، يمكن تطبيق تصميم CSS المناسب لتفضيلات عرض محددة، مثل حجم الخط والحشو:

sup { font-size: 0.6em; padding-top: 0.2em; }

عند التنفيذ، يضمن CSS هذا عرضًا متسقًا لكيانات HTML.

الوثائق:

String.charCodeAt: https: //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt
• كيانات أحرف HTML: http://www.chucke.com/entities.html