1. Documentation
    2. Packages
    3. intlayer
    4. getHTMLTextDir

    Documentation: getHTMLTextDir Fonction dans intlayer

    Description:

    La fonction getHTMLTextDir détermine la direction du texte (ltr, rtl ou auto) en fonction de la locale fournie. Elle est conçue pour aider les développeurs à définir l'attribut dir dans HTML pour un rendu correct du texte.

    Paramètres:

    • locale?: Locales

      • Description: La chaîne de locale (par exemple, Locales.ENGLISH, Locales.ARABIC) utilisée pour déterminer la direction du texte.
      • Type: Locales (optional)

    Retours:

    • Type: Dir ('ltr' | 'rtl' | 'auto')
    • Description: La direction du texte correspondant à la locale:
      • 'ltr' pour les langues de gauche à droite.
      • 'rtl' pour les langues de droite à gauche.
      • 'auto' si la locale n'est pas reconnue.

    Exemple d'Utilisation:

    Déterminer la Direction du Texte:

    typescript
    1import { getHTMLTextDir } from "intlayer"; 2 3getHTMLTextDir(Locales.ENGLISH); // Sortie: "ltr" 4getHTMLTextDir(Locales.FRENCH); // Sortie: "ltr" 5getHTMLTextDir(Locales.ARABIC); // Sortie: "rtl"

    Cas Particuliers:

    • Aucune Locale Fournie:

      • La fonction retourne 'auto' lorsque locale est undefined.
    • Locale Non Reconnu:

      • Pour les locales non reconnues, la fonction passe par défaut à 'auto'.

    Utilisation dans les Composants:

    La fonction getHTMLTextDir peut être utilisée pour définir dynamiquement l'attribut dir dans un document HTML pour un rendu correct du texte en fonction de la locale.

    tsx
    1import { getHTMLTextDir } from "intlayer"; 2 3export const HTMLLayout = ({ children, locale }) => ( 4 <html dir={getHTMLTextDir(locale)} locale={locale}> 5 <body>{children}</body> 6 </html> 7);

    Dans l'exemple ci-dessus, l'attribut dir est défini dynamiquement en fonction de la locale.

    Si vous avez une idée d’amélioration pour améliorer cette documentation, n’hésitez pas à contribuer en submitant une pull request sur GitHub.

    Lien GitHub de la documentation

    Dans cette page