생성:2024-08-11마지막 업데이트:2025-06-29
이 문서를 원하는 AI 어시스턴트에 참조하세요ChatGPTClaudeDeepSeekGoogle AI modeGeminiPerplexityMistralGrok
이 페이지와 원하는 AI 어시스턴트를 사용하여 문서를 요약합니다
이 페이지의 콘텐츠는 AI를 사용하여 번역되었습니다.
영어 원본 내용의 최신 버전을 보기문서 수정
이 문서를 개선할 아이디어가 있으시면 GitHub에 풀 리퀘스트를 제출하여 자유롭게 기여해 주세요.
문서에 대한 GitHub 링크복사
문서의 Markdown을 클립보드에 복사
문서: intlayer의 getHTMLTextDir 함수
설명
getHTMLTextDir 함수는 제공된 로케일을 기반으로 텍스트 방향(ltr, rtl, 또는 auto)을 결정합니다. 이 함수는 개발자가 올바른 텍스트 렌더링을 위해 HTML의 dir 속성을 설정하는 데 도움을 주도록 설계되었습니다.
매개변수
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"예외 상황
로케일이 제공되지 않은 경우:
locale이undefined일 때 함수는'auto'를 반환합니다.
인식되지 않는 로케일:
- 인식되지 않는 로케일의 경우, 함수는 기본값으로
'auto'를 반환합니다.
- 인식되지 않는 로케일의 경우, 함수는 기본값으로
컴포넌트에서의 사용법:
getHTMLTextDir 함수는 로케일에 따라 올바른 텍스트 렌더링을 위해 HTML 문서의 dir 속성을 동적으로 설정하는 데 사용할 수 있습니다.
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 속성은 로케일에 따라 동적으로 설정됩니다.