إنشاء:2024-08-11آخر تحديث:2025-06-29
استخدم هذه الصفحة والموفر AI الذي تريدهChatGPTClaudeDeepSeekGoogle AI modeGeminiPerplexityMistralGrok
استخدم مساعدك المفضل للملخص واستخدم هذه الصفحة والموفر AI الذي تريده
هذه الوثيقة غير محدثة، تم تحديث النسخة الأساسية في 23 أغسطس 2025.
الانتقال إلى الوثيقة الإنجليزيةتاريخ الإصدارات
- "بدء التاريخ"v5.5.1029/6/2025
تمت ترجمة محتوى هذه الصفحة باستخدام الذكاء الاصطناعي.
اعرض آخر نسخة المحتوى الأصلي باللغة الإنكليزيةتعديل هذه الوثيقة
إذا كان لديك فكرة لتحسين هذه الوثيقة، فلا تتردد في المساهمة من خلال تقديم طلب سحب على GitHub.
رابط GitHub للتوثيقنسخ
نسخ الـ Markdown من المستند إلى الحافظة
التوثيق: دالة getHTMLTextDir في intlayer
الوصف
تحدد دالة getHTMLTextDir اتجاه النص (ltr، rtl، أو auto) بناءً على اللغة المقدمة. تم تصميمها لمساعدة المطورين في تعيين خاصية dir في HTML لضمان عرض النص بشكل صحيح.
المعاملات
locale?: Locales- الوصف: سلسلة اللغة (مثل
Locales.ENGLISH،Locales.ARABIC) المستخدمة لتحديد اتجاه النص. - النوع:
Locales(اختياري)
- الوصف: سلسلة اللغة (مثل
القيم المرجعة
- النوع:
Dir('ltr' | 'rtl' | 'auto') - الوصف: اتجاه النص المقابل للغة:
'ltr'للغات التي تُكتب من اليسار إلى اليمين.'rtl'للغات التي تُكتب من اليمين إلى اليسار.'auto'إذا لم يتم التعرف على اللغة.
مثال على الاستخدام
تحديد اتجاه النص
typescript
نسخ الكود
نسخ الكود إلى الحافظة
import { getHTMLTextDir } from "intlayer";
getHTMLTextDir(Locales.ENGLISH); // الناتج: "ltr"
getHTMLTextDir(Locales.FRENCH); // الناتج: "ltr"
getHTMLTextDir(Locales.ARABIC); // الناتج: "rtl"الحالات الخاصة
عدم توفير اللغة:
- تُعيد الدالة
'auto'عندما تكون قيمةlocaleغير معرفة.
- تُعيد الدالة
اللغة غير المعروفة:
- بالنسبة للغات غير المعروفة، تقوم الدالة بافتراض القيمة
'auto'.
- بالنسبة للغات غير المعروفة، تقوم الدالة بافتراض القيمة
الاستخدام في المكونات:
يمكن استخدام دالة getHTMLTextDir لتعيين خاصية dir بشكل ديناميكي في مستند HTML لضمان عرض النص بشكل صحيح بناءً على اللغة.
tsx
نسخ الكود
نسخ الكود إلى الحافظة
import type { FC } from "react";
import { getHTMLTextDir, type Locales } from "intlayer";
export const HTMLLayout: FC<PropsWithChildren<{ locale: Locales }>> = ({
children,
locale,
}) => (
<html dir={getHTMLTextDir(locale)} locale={locale}>
<body>{children}</body>
</html>
);في المثال أعلاه، يتم تعيين خاصية dir بشكل ديناميكي بناءً على اللغة.