Đặt câu hỏi và nhận tóm tắt tài liệu bằng cách tham chiếu trang này và nhà cung cấp AI bạn chọn
Bằng cách tích hợp Intlayer MCP Server vào trợ lý AI ưa thích của bạn, bạn có thể truy xuất toàn bộ tài liệu trực tiếp từ ChatGPT, DeepSeek, Cursor, VSCode, v.v.
Xem tài liệu MCP ServerTài liệu này đã lỗi thời, phiên bản gốc đã được cập nhật vào 2025-08-23.
Xem tài liệu tiếng AnhLịch sử phiên bản
- Versionv
Nội dung của trang này đã được dịch bằng AI.
Xem phiên bản mới nhất của nội dung gốc bằng tiếng AnhNếu bạn có ý tưởng để cải thiện tài liệu này, vui lòng đóng góp bằng cách gửi pull request trên GitHub.
Liên kết GitHub tới tài liệuSao chép Markdown của tài liệu vào bộ nhớ tạm
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.