ГлавнаяПесочницаВитринаПриложениеДокументБлог
    • Englishанглийский
      EN
    • русскийрусский
      RU
    • 日本語японский
      JA
    • françaisфранцузский
      FR
    • 한국어корейский
      KO
    • 中文китайский
      ZH
    • españolиспанский
      ES
    • Deutschнемецкий
      DE
    • العربيةарабский
      AR
    • italianoитальянский
      IT
    • British Englishбританский английский
      EN-GB
    • portuguêsпортугальский
      PT
    • हिन्दीхинди
      HI
    • Türkçeтурецкий
      TR
    • polskiпольский
      PL
    • Indonesiaиндонезийский
      ID
    • Tiếng Việtвьетнамский
      VI
    • українськаукраинский
      UK
    /
    Фильтровать документы по фреймворку
    Alt+←
    Почему Intlayer?
    Начать
    Концепция
    • Как работает Intlayer
    • Конфигурация
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Визуальный редактор
    • CMS
    • Интеграция CI/CD
    • ПереводМножественное числоПеречислениеУсловиеПолВставкаФайлВложенностьMarkdownHTMLПолучение функции
    • Файл для каждой локали
    • Компилятор
    • Автозаполнение
    • Тестирование
    • Оптимизация пакета
    Окружающая среда
    • Next.js 14 и App Router
      Next.js 15
      Next.js без locale URL
      Next.js и Page Router
      Compiler
    • Tanstack Start Solid
    • Astro и React
      Astro и Svelte
      Astro и Vue
      Astro и Solid
      Astro и Preact
      Astro и Lit
      Astro и Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt и Vue
    • Vite и Solid
    • SvelteKit
    • Vite и Preact
    • Vite и Vanilla JS
    • Vite и Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native и Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx и React
    Plugins
    • JSON
    • gettext (.po)
    Расширение VS Code
    Агент
    • Сервер MCP
    • Навики агента
    Релизы
    • v8
    • v7
    • v6
    Бенчмарк
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Блог
    Задать вопрос
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetHTMLTextDir
    Создание:2024-08-11Последнее обновление:2025-06-29
    Ссылайтесь на этот документ на ваш любимый ассистент AI
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Спросите свой вопрос и получите сводку документа, используя эту страницу и выбранного вами поставщика AI

    Этот документ устарел, базовая версия была обновлена 23 августа 2025 г..

    Перейти к английской документации

    История версий

    1. "Инициализация истории"
      v5.5.1029.06.2025

    Содержимое этой страницы было переведено с помощью ИИ.

    Смотреть последнюю версию оригинального контента на английском
    Изменить эту документацию

    Если у вас есть идея по улучшению этой документации, не стесняйтесь внести свой вклад, подав запрос на вытягивание на GitHub.

    Ссылка на документацию GitHub
    Копировать

    Копировать Markdown документа в буфер обмена

    Документация: функция getHTMLTextDir в intlayer

    Описание

    Функция getHTMLTextDir определяет направление текста (ltr, rtl или auto) на основе переданного локали. Она предназначена для помощи разработчикам в установке атрибута dir в HTML для правильного отображения текста.

    Параметры

    • 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"

    Особые случаи

    • Локаль не указана:

      • Функция возвращает 'auto', если locale равен undefined.
    • Неизвестная локаль:

      • Для нераспознанных локалей функция по умолчанию возвращает 'auto'.

    Использование в компонентах:

    Функция getHTMLTextDir может использоваться для динамической установки атрибута dir в HTML-документе для правильного отображения текста в зависимости от локали.

    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 динамически устанавливается в зависимости от локали.

    Почему Intlayer?
    Alt+→

    На этой странице

      Обсуждения анонимны и регулярно просматриваются для решения распространённых проблем. Не стесняйтесь делиться идеями функций, отзывами о документации или чем-либо, связанным с Intlayer, мы используем эту информацию для формирования нашей дорожной карты и улучшения продукта.