انتقل إلى المحتوى
uiify

التدويل

اضبط الإعدادات المحلية والاتجاه والنصوص الملائمة لنظام الكتابة للصفحات المعروضة على الخادم.

اضبط لغة المستند واتجاهه على الخادم. اعرض <html lang={locale} dir={direction}> بناءً على المسار، لتتلقى التقنيات المساعدة وخوارزمية المتصفح للنص ثنائي الاتجاه وأنماط :lang() القيم الصحيحة منذ أول رسم. لا تكتشف الإعدادات المحلية في شيفرة العميل بعد الإماهة.

تسميات المكوّنات

مرّر النصوص المترجمة عبر خاصية labels في المكوّن. تستخدم التسميات التي تحتاج إلى أعداد قوالب نصية مثل "{index} of {count}"؛ ومرّر locale عند تنسيق الأعداد. تستبدل formatLabel مواضع الإدراج المسماة وتنسّق القيم الرقمية باستخدام Intl.NumberFormat.

الاتجاه والتموضع

يُستمد الاتجاه من dir الخاص بالعنصر في DOM. ويستخدم سلوك لوحة المفاتيح resolveDirection(element) لاتباع ذلك الاتجاه؛ ويمكن لخاصية اتجاه صريحة تجاوزه. قيمة side للنافذة المنبثقة مادية (top وbottom وleft وright). أما align فهي منطقية (start وcenter وend)، لذا تتبع اتجاه الكتابة.

معالجة لوحة المفاتيح المخصّصة

إذا استخدم حقل إدخال IME، فاترك تركيب النص يكتمل قبل معالجة مفاتيح التنقل. افحص isComposingKeyEvent(event) قبل الاستجابة لـ Enter أو الأسهم أو Escape؛ ويشمل ذلك أيضًا المتصفحات التي ترسل رمز المفتاح مئتين وتسعة وعشرين بعد انتهاء التركيب.

الخطوط والبدائل

تختار ورقة الأنماط الخطوط وفواصل الأسطر الملائمة لنظام الكتابة عبر :lang(). تجاوز --font-sans-ja أو --font-sans-zh-hans أو --font-sans-ar إذا كان تطبيقك يوفّر خطوطه الخاصة. أحط النص الإنجليزي غير المترجم بـ lang="en" dir="ltr" ليحتفظ بالنطق الإنجليزي واختيار الخط وترتيب النص داخل الإعدادات المحلية الأخرى.