En typographie mondiale, « Directionnalité » est critique. Des langues comme l’arabe et l’hébreu sont lues de droite à gauche (RTL). Si vous traduisez simplement le texte sans inverser la mise en page, l’expérience utilisateur semble cassée (par exemple, le texte s’aligne à gauche, la ponctuation est mal placée).
MultiLipi RTL Engine est une couche de stylisation dynamique qui détecte ces langages et « reflète » automatiquement le CSS de votre site web — inversant marges, bourdage et alignement du texte — afin d’assurer une expérience de lecture native sans avoir à écrire une seule ligne de code personnalisé.
1. Le protocole de détection
Quelles langues déclenchent le retournement ?
Le moteur est conscient du contexte. Il n’active le miroir de disposition que lorsqu’un utilisateur sélectionne une langue RTL désignée. Pour toutes les autres langues (anglais, français, etc.), le rendu standard de gauche à droite (LTR) reste actif.
Langages RTL pris en charge :
Arabe (AR)
Hébreu (il)
Perse / Farsi (fa)
Urdu (votre)
2. Protocole de configuration
Activation du moteur miroir.
Pour permettre cette adaptation structurelle, suivez ce chemin dans votre centre de commandement :
Étape 1 : Accéder au contexte du projet
Connectez-vous à votre tableau de bord MultiLipi.
Sélectionnez le projet spécifique que vous souhaitez configurer.
Étape 2 : Installation de l’accès
Naviguer vers le Paramètres section dans la barre latérale de gauche.
Cliquez sur Coup monté .
Étape 3 : Basculer le moteur
Faites défiler pour trouver le Prise en charge RTL bascule.
Action : Passez à ON (Bleu) .
Action du système : La couche d’injection CSS est désormais active.
3. Comportement technique
Comment cela fonctionne dans le navigateur.
Une fois activé, le moteur effectue dynamiquement les opérations suivantes :
Attribut de la Direction
Injecte automatiquement dir="rtl » dans le HTML <html>Tag lorsque un langage RTL est actif.
Retournement CSS
Il « inverse » pratiquement les propriétés CSS standard.
flottant : gauche devient Float : Exact .
marge-gauche : 10px devient marge-droite : 10px .
Intégration des switchers
Si vous utilisez le MultiLipi Language Switcher, l’interface utilisateur changera instantanément d’orientation dès qu’un utilisateur choisit arabe ou hébreu, offrant une transition fluide.
Note: Aucun overrie CSS manuelle n’est requise. Le système gère automatiquement les calculs de géométrie.