Ajukan pertanyaan Anda dan dapatkan ringkasan dokumen dengan merujuk halaman ini dan penyedia AI pilihan Anda
Riwayat Versi
- "Riwayat awal"v5.5.1029/6/2025
Konten halaman ini diterjemahkan menggunakan AI.
Lihat versi terakhir dari konten aslinya dalam bahasa InggrisJika Anda memiliki ide untuk meningkatkan dokumentasi ini, silakan berkontribusi dengan mengajukan pull request di GitHub.
Tautan GitHub ke dokumentasiSalin Markdown dokumentasi ke clipboard
Dokumentasi: Fungsi getHTMLTextDir di intlayer
Deskripsi
Fungsi getHTMLTextDir menentukan arah teks (ltr, rtl, atau auto) berdasarkan locale yang diberikan. Fungsi ini dirancang untuk membantu pengembang mengatur atribut dir di HTML agar teks dapat ditampilkan dengan benar.
Parameter
locale?: Locales- Deskripsi: String locale (misalnya,
Locales.ENGLISH,Locales.ARABIC) yang digunakan untuk menentukan arah teks. - Tipe:
Locales(opsional)
- Deskripsi: String locale (misalnya,
Mengembalikan
- Tipe:
Dir('ltr' | 'rtl' | 'auto') - Deskripsi: Arah teks yang sesuai dengan locale:
'ltr'untuk bahasa yang dibaca dari kiri ke kanan.'rtl'untuk bahasa yang dibaca dari kanan ke kiri.'auto'jika locale tidak dikenali.
Contoh Penggunaan
Menentukan Arah Teks
Salin kode ke clipboard
import { getHTMLTextDir } from "intlayer";
getHTMLTextDir(Locales.ENGLISH); // Output: "ltr"
getHTMLTextDir(Locales.FRENCH); // Output: "ltr"
getHTMLTextDir(Locales.ARABIC); // Output: "rtl"Kasus Tepi
Tidak Ada Locale yang Diberikan:
- Fungsi mengembalikan
'auto'ketikalocaleadalahundefined.
- Fungsi mengembalikan
Locale Tidak Dikenali:
- Untuk locale yang tidak dikenali, fungsi akan default ke
'auto'.
- Untuk locale yang tidak dikenali, fungsi akan default ke
Penggunaan dalam Komponen:
Fungsi getHTMLTextDir dapat digunakan untuk mengatur atribut dir secara dinamis dalam dokumen HTML agar teks dapat dirender dengan benar berdasarkan locale.
Salin kode ke 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>
);Dalam contoh di atas, atribut dir diatur secara dinamis berdasarkan locale.