تخطَّ إلى المحتوى

اللغات والكتابة من اليمين إلى اليسار

العربية والإنجليزية مدمجتان، وأضف لغاتك، ومحتوى RTL.

في هذه الصفحة

العربية والإنجليزية مدمجتان. تنعكس الواجهة في لغات RTL، وتختار كل كتلة في المحتوى اتجاهها بنفسها.

العربية وRTL

عيّن language للواجهة وdir للاتجاه الأساسي للمحتوى. وبدون dir تحصل كل كتلة نصية على dir="auto"، فتُعرض الفقرات العربية والإنجليزية بشكل صحيح في المستند نفسه. ويقسّم عدّاد الكلمات والأحرف الكلمات تقسيمًا صحيحًا في العربية والصينية واليابانية والكورية.

TypeScript
import { createEditor } from "open-wysiwyg-editor";

createEditor({ element, language: "ar", dir: "rtl", contentLang: "ar" }); // built in: en, ar

أضف لغتك

مرّر languages لإضافة لغات للواجهة أو استبدال الموجودة. وتعود التسميات غير المترجمة إلى الإنجليزية. وبدّل بعض نصوص لغة موجودة عبر labels. وتُصدَّر التسميات العربية باسم arabicLabels، وهي نقطة انطلاق جيدة لترجمة لغة أخرى تُكتب من اليمين إلى اليسار.

TypeScript
createEditor({
  element,
  language: "fr",
  languages: [{ code: "fr", name: "Français", dir: "ltr", labels: { bold: "Gras" /* … */ } }],
});

createEditor({ element, labels: { bold: "Strong" } }); // override a few strings

عرض محتوى RTL

عند عرض HTML محفوظ، أبقِ سمات dir التي كتبها المحرّر وغلّفه بـ owe-content-root. وعيّن lang على الحاوية للمحتوى بلغة أخرى كي تستخدم قارئات الشاشة النطق الصحيح.

HTML
<div class="owe-content-root" lang="ar" dir="auto">
  <!-- sanitized saved HTML -->
</div>

عدّل هذه الصفحة على GitHub