كيف يمكن بناء واجهة مستخدم متعدد اللغات

هاذا اكون كاتبتو بي تدخل مني الهدف من هواه انا يكون في ترجمه لي العنصر بدون تدخل مني اترجم p او h1 اوي حاجه بي غض النظر عن داخل العنصر بدون كتابه مني

لن يمكن لـ i18next القيام بهذا،

لتحقيق الترجمة التلقائية لمحتوى موقعك، يجب استخدام واجهة تطبيقات برمجية للاستفادة من خدمات الترجمة مثل Google Translate API أو Microsoft Translator API. اذ يتيح هذا لك إرجاع الترجمات بشكل ديناميكي في الصفحة عندما يتغير اللغة المختارة.

مثال:

const apiKey = 'مفتاح الاشتراك هنا';
const text = 'النص المراد ترجمته';
const sourceLang = 'en'; // ترميز اللغة الاساسي
const targetLang = 'fr'; // ترميز اللغة الفرعي


fetch(`https://translation.googleapis.com/language/translate/v2?key=$%7BapiKey%7D%60, {
  method: 'POST',
  body: JSON.stringify({
    q: text,
    source: sourceLang,
    target: targetLang,
  }),
  headers: {
    'Content-Type': 'application/json',
  },
})
.then(response => response.json())
.then(data => {
  const translation = data.data.translations[0].translatedText;
  console.log(translation); // يطبع "Bonjour le monde!"
})
.catch(error => {
  console.error(error);
});

يرجى ملاحظة أنه لا يمكن استخدام خدمات الترجمة الآلية بدون اشتراك في الخدمة والحصول على مفتاح API الخاص بك. بالطبع فإن هذا هو التطبيق البسيط للفكرة، يمكنك تطبيقها بفعالية اكثر عن طريق البحث عن توثيق الواجهة اكثر.