Zadaj pytanie i otrzymaj streszczenie dokumentu, odwołując się do tej strony i wybranego dostawcy AI
Dzięki integracji serwera Intlayer MCP z ulubionym asystentem AI możesz uzyskać dostęp do całej dokumentacji bezpośrednio z ChatGPT, DeepSeek, Cursor, VSCode itp.
Zobacz dokumentację serwera MCPTa dokumentacja jest nieaktualna, wersja bazowa została zaktualizowana w 2025-08-23.
Przejdź do angielskiej wersji dokumentuHistoria wersji
- Versionv
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
Documentation: getHTMLTextDir Function in intlayer
Description
The getHTMLTextDir function determines the text direction (ltr, rtl, or auto) based on the provided locale. It is designed to help developers set the dir attribute in HTML for proper text rendering.
Parameters
- locale?: Locales
- Description: The locale string (e.g., Locales.ENGLISH, Locales.ARABIC) used to determine the text direction.
- Type: Locales (optional)
Returns
- Type: Dir ('ltr' | 'rtl' | 'auto')
- Description: The text direction corresponding to the locale:
- 'ltr' for left-to-right languages.
- 'rtl' for right-to-left languages.
- 'auto' if the locale is not recognized.
Example Usage
Determining Text Direction
import { getHTMLTextDir } from "intlayer";getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"getHTMLTextDir(Locales.FRENCH); // Output: "ltr"getHTMLTextDir(Locales.ARABIC); // Output: "rtl"Edge Cases
No Locale Provided:
- The function returns 'auto' when locale is undefined.
Unrecognized Locale:
- For unrecognized locales, the function defaults to 'auto'.
Usage in Components:
The getHTMLTextDir function can be used to dynamically set the dir attribute in an HTML document for proper text rendering based on the locale.
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>);In the example above, the dir attribute is dynamically set based on the locale.