InícioAmbiente de testeVitrineAppDocBlog
    • Englishinglês
      EN
    • русскийrusso
      RU
    • 日本語japonês
      JA
    • françaisfrancês
      FR
    • 한국어coreano
      KO
    • 中文chinês
      ZH
    • españolespanhol
      ES
    • Deutschalemão
      DE
    • العربيةárabe
      AR
    • italianoitaliano
      IT
    • British Englishinglês (Reino Unido)
      EN-GB
    • portuguêsportuguês
      PT
    • हिन्दीhindi
      HI
    • Türkçeturco
      TR
    • polskipolonês
      PL
    • Indonesiaindonésio
      ID
    • Tiếng Việtvietnamita
      VI
    • українськаucraniano
      UK
    /
    Filtrar documentação por framework
    Alt+←
    Por que Intlayer?
    Começar
    Conceito
    • Como o Intlayer funciona
    • Configuração
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Editor visual
    • CMS
    • Integração CI/CD
    • TraduçãoPluralEnumeraçãoCondiçãoGêneroInserçãoArquivoAninhamentoMarkdownHTMLBusca de função
    • Arquivo por locale
    • Compilador
    • Preenchimento automático
    • Testes
    • Otimização de bundle
    Ambiente
    • Next.js 14 e App Router
      Next.js 15
      Next.js sem locale URL
      Next.js e Page Router
      Compiler
    • Tanstack Start Solid
    • Astro e React
      Astro e Svelte
      Astro e Vue
      Astro e Solid
      Astro e Preact
      Astro e Lit
      Astro e Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt e Vue
    • Vite e Solid
    • SvelteKit
    • Vite e Preact
    • Vite e Vanilla JS
    • Vite e Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native e Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx e React
    Plugins
    • JSON
    • gettext (.po)
    Extensão VS Code
    Agente
    • Servidor MCP
    • Habilidades do agente
    Versões
    • v8
    • v7
    • v6
    Benchmark
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Blog
    Faça uma pergunta
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetHTMLTextDir
    Criação:2024-08-11Última atualização:2025-06-29
    Referência esta documentação ao seu assistente AI favorito
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Faça sua pergunta e obtenha um resumo do documento referenciando esta página e o provedor AI de sua escolha

    Este documento está desatualizado, a versão base foi atualizada em 23 de agosto de 2025.

    Ir para a documentação em inglês

    Histórico de versões

    1. "Histórico inicial"
      v5.5.1029/06/2025

    O conteúdo desta página foi traduzido com uma IA.

    Veja a última versão do conteúdo original em inglês
    Editar esta documentação

    Se você tiver uma ideia para melhorar esta documentação, sinta-se à vontade para contribuir enviando uma pull request no GitHub.

    Link do GitHub para a documentação
    Copiar

    Copiar o Markdown do documento para a área de transferência

    Documentação: Função getHTMLTextDir em intlayer

    Descrição

    A função getHTMLTextDir determina a direção do texto (ltr, rtl ou auto) com base na localidade fornecida. Ela foi projetada para ajudar desenvolvedores a definir o atributo dir no HTML para uma renderização correta do texto.

    Parâmetros

    • locale?: Locales
      • Descrição: A string da localidade (ex.: Locales.ENGLISH, Locales.ARABIC) usada para determinar a direção do texto.
      • Tipo: Locales (opcional)

    Retorno

    • Tipo: Dir ('ltr' | 'rtl' | 'auto')
    • Descrição: A direção do texto correspondente à localidade:
      • 'ltr' para idiomas da esquerda para a direita.
      • 'rtl' para idiomas da direita para a esquerda.
      • 'auto' se a localidade não for reconhecida.

    Exemplo de Uso

    Determinando a Direção do Texto

    typescript
    Copiar código

    Copiar o código para a área de transferência

    import { getHTMLTextDir } from "intlayer";
    
    getHTMLTextDir(Locales.ENGLISH); // Saída: "ltr"
    getHTMLTextDir(Locales.FRENCH); // Saída: "ltr"
    getHTMLTextDir(Locales.ARABIC); // Saída: "rtl"

    Casos Especiais

    • Nenhuma Localidade Fornecida:

      • A função retorna 'auto' quando locale é undefined.
    • Localidade Não Reconhecida:

      • Para localidades não reconhecidas, a função retorna 'auto'.

    Uso em Componentes:

    A função getHTMLTextDir pode ser usada para definir dinamicamente o atributo dir em um documento HTML para a renderização correta do texto com base na localidade.

    tsx
    Copiar código

    Copiar o código para a área de transferência

    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>
    );

    No exemplo acima, o atributo dir é definido dinamicamente com base na localidade.

    Por que Intlayer?
    Alt+→

    Nesta página

      As discussões são anônimas e regularmente revisadas para resolver problemas comuns. Sinta-se à vontade para compartilhar ideias de funcionalidades, feedback sobre a documentação ou qualquer coisa relacionada ao Intlayer, usamos essas informações para moldar nosso roadmap e melhorar o produto.