Задайте питання та отримайте підсумок документа, вказавши цю сторінку та обраного вами постачальника штучного інтелекту
Історія версій
- "Ініціалізація історії"v5.5.1029.06.2025
Вміст цієї сторінки перекладено за допомогою штучного інтелекту.
Переглянути останню версію оригінального вмісту англійськоюЯкщо у вас є ідея щодо покращення цієї документації, будь ласка, долучіться, надіславши pull request на 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'якщо локаль не розпізнана.
Приклад використання
Визначення напряму тексту
Скопіюйте код у буфер обміну
import { getHTMLTextDir } from "intlayer";
getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"
getHTMLTextDir(Locales.FRENCH); // Output: "ltr"
getHTMLTextDir(Locales.ARABIC); // Output: "rtl"Крайні випадки
Локаль не вказано:
- Функція повертає
'auto', колиlocaleмає значенняundefined.
- Функція повертає
Невідома локаль:
- Для невідомих локалей функція за замовчуванням повертає
'auto'.
- Для невідомих локалей функція за замовчуванням повертає
Використання в компонентах:
Функцію getHTMLTextDir можна використовувати для динамічної установки атрибута dir в HTML-документі для коректного відображення тексту залежно від локалі.
Скопіюйте код у буфер обміну
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 динамічно встановлюється на основі локалі.