Zadaj pytanie i otrzymaj streszczenie dokumentu, odwołując się do tej strony i wybranego dostawcy AI
Historia wersji
- "Inicjalizacja historii"v5.5.1029.06.2025
Treść tej strony została przetłumaczona przy użyciu sztucznej inteligencji.
Zobacz ostatnią wersję oryginalnej treści w języku angielskimJeśli masz pomysł na ulepszenie tej dokumentacji, zachęcamy do przesłania pull requesta na GitHubie.
Link do dokumentacji na GitHubieKopiuj dokument Markdown do schowka
Dokumentacja: funkcja getHTMLTextDir w intlayer
Opis
Funkcja getHTMLTextDir określa kierunek tekstu (ltr, rtl lub auto) na podstawie podanego locale. Została zaprojektowana, aby pomóc deweloperom ustawić atrybut dir w HTML dla prawidłowego renderowania tekstu.
Parametry
locale?: Locales- Opis: Ciąg znaków locale (np.
Locales.ENGLISH,Locales.ARABIC) używany do określenia kierunku tekstu. - Typ:
Locales(opcjonalny)
- Opis: Ciąg znaków locale (np.
Zwracana wartość
- Typ:
Dir('ltr' | 'rtl' | 'auto') - Opis: Kierunek tekstu odpowiadający locale:
'ltr'dla języków pisanych od lewej do prawej.'rtl'dla języków pisanych od prawej do lewej.'auto'jeśli locale nie jest rozpoznane.
Przykład użycia
Określanie kierunku tekstu
Skopiuj kod do schowka
import { getHTMLTextDir } from "intlayer";
getHTMLTextDir(Locales.ENGLISH); // Wynik: "ltr"
getHTMLTextDir(Locales.FRENCH); // Wynik: "ltr"
getHTMLTextDir(Locales.ARABIC); // Wynik: "rtl"Przypadki brzegowe
Brak podanego locale:
- Funkcja zwraca
'auto', gdylocalejestundefined.
- Funkcja zwraca
Nieznane locale:
- Dla nieznanych locale funkcja domyślnie zwraca
'auto'.
- Dla nieznanych locale funkcja domyślnie zwraca
Użycie w komponentach:
Funkcja getHTMLTextDir może być użyta do dynamicznego ustawienia atrybutu dir w dokumencie HTML, aby poprawnie renderować tekst w zależności od locale.
Skopiuj kod do schowka
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>
);W powyższym przykładzie atrybut dir jest dynamicznie ustawiany na podstawie lokalizacji (locale).