HomeAmbiente di testVetrinaAppDocBlog
    • Englishinglese
      EN
    • русскийrusso
      RU
    • 日本語giapponese
      JA
    • françaisfrancese
      FR
    • 한국어coreano
      KO
    • 中文cinese
      ZH
    • españolspagnolo
      ES
    • Deutschtedesco
      DE
    • العربيةarabo
      AR
    • italianoitaliano
      IT
    • British Englishinglese britannico
      EN-GB
    • portuguêsportoghese
      PT
    • हिन्दीhindi
      HI
    • Türkçeturco
      TR
    • polskipolacco
      PL
    • Indonesiaindonesiano
      ID
    • Tiếng Việtvietnamita
      VI
    • українськаucraino
      UK
    /
    Filtra la documentazione per framework
    Alt+←
    Perché Intlayer?
    Iniziare
    Concetto
    • Come funziona Intlayer
    • Configurazione
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Editor visuale
    • CMS
    • Integrazione CI/CD
    • TraduzionePluraleEnumerazioneCondizioneGenereInserimentoFileAnnidamentoMarkdownHTMLRecupero funzione
    • File per locale
    • Compilatore
    • Compilazione automatica
    • Test
    • Ottimizzazione del bundle
    Ambiente
    • Next.js 14 e App Router
      Next.js 15
      Next.js senza 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)
    Estensione VS Code
    Agente
    • Server MCP
    • Abilità dell’agente
    Versioni
    • v8
    • v7
    • v6
    Benchmark
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Blog
    Fai una domanda
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetHTMLTextDir
    Creazione:2024-08-11Ultimo aggiornamento:2025-06-29
    Riferimento a questa documentazione al tuo assistente AI preferito
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Pose una domanda e ottieni un riassunto del documento facendo riferimento a questa pagina e al provider AI di tua scelta

    Questo documento non è aggiornato, la versione base è stata aggiornata il 23 agosto 2025.

    Vai alla documentazione in inglese

    Cronologia delle versioni

    1. "Storia iniziale"
      v5.5.1029/06/2025

    Il contenuto di questa pagina è stato tradotto con un'IA.

    Vedi l'ultima versione del contenuto originale in inglese
    Modifica questa documentazione

    Se hai un’idea per migliorare questa documentazione, non esitare a contribuire inviando una pull request su GitHub.

    Collegamento GitHub alla documentazione
    Copia

    Copia il Markdown del documento nella porta-documenti

    Documentazione: Funzione getHTMLTextDir in intlayer

    Descrizione

    La funzione getHTMLTextDir determina la direzione del testo (ltr, rtl o auto) in base alla locale fornita. È progettata per aiutare gli sviluppatori a impostare l'attributo dir in HTML per una corretta visualizzazione del testo.

    Parametri

    • locale?: Locales
      • Descrizione: La stringa della locale (es. Locales.ENGLISH, Locales.ARABIC) utilizzata per determinare la direzione del testo.
      • Tipo: Locales (opzionale)

    Valore di ritorno

    • Tipo: Dir ('ltr' | 'rtl' | 'auto')
    • Descrizione: La direzione del testo corrispondente alla locale:
      • 'ltr' per lingue da sinistra a destra.
      • 'rtl' per lingue da destra a sinistra.
      • 'auto' se la locale non è riconosciuta.

    Esempio d'uso

    Determinare la direzione del testo

    typescript
    Copiare il codice

    Copiare il codice nella clipboard

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

    Casi limite

    • Nessuna locale fornita:

      • La funzione restituisce 'auto' quando locale è undefined.
    • Locale non riconosciuta:

      • Per le località non riconosciute, la funzione predefinisce il valore 'auto'.

    Utilizzo nei Componenti:

    La funzione getHTMLTextDir può essere utilizzata per impostare dinamicamente l'attributo dir in un documento HTML per una corretta visualizzazione del testo in base alla località.

    tsx
    Copiare il codice

    Copiare il codice nella clipboard

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

    Nell'esempio sopra, l'attributo dir viene impostato dinamicamente in base alla località.

    Perché Intlayer?
    Alt+→

    In questa pagina

      Le discussioni sono anonime e vengono regolarmente esaminate per affrontare problemi comuni. Sentiti libero di condividere idee per nuove funzionalità, feedback sulla documentazione o qualsiasi cosa relativa a Intlayer, utilizziamo questi input per definire la nostra roadmap e migliorare il prodotto.