作成: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属性がlocaleに基づいて動的に設定されています。