Cell
5f1e79f49c
* feat(i18n): add RTL support and Arabic/Persian translations - Add `dir` attribute to `<html>` via `.Site.Language.Direction` - Convert physical CSS properties to logical properties across ~30 SCSS files - Add `[dir="rtl"]` overrides for elements that need physical direction (code blocks, translate, icons) - Add `logical-direction.html` template function for config value normalization - Add RTL-aware deprecation warnings for old "left"/"right" config values - Rename github corner, TOC position, reading progress config values from "left"/"right" to "start"/"end" - Add Arabic (ar.toml) and Persian (fa.toml) i18n translation files - Update multilingual documentation with RTL language configuration guide * feat(shortcodes): add RTL support for tabs and refactor border-radius mixin - Rename tabs placement values from "left"/"right" to "start"/"end" with deprecation warnings - Convert all physical directional properties in tabs SCSS to logical properties - Add RTL overrides for translate and box-shadow in tabs - Add "start"/"end" support to border-radius mixin using CSS logical properties - Refactor fixit-decryptor to use border-radius(start/end) mixin * feat(assets): add RTL support for toc-dialog slide animation The mobile toc-dialog always slid in from the right (100vw). In RTL mode it should slide from the left (-100vw), matching the border-inline-start/margin-inline-end anchoring. * feat(assets): add RTL support for post-tag comma separator * refactor(assets): extract RTL styles into dedicated _rtl.scss * feat(assets): add RTL support for theme-switch and directional icons * feat(i18n): add RTL support and improve i18n - Add RTL typography corrections for Arabic-script languages (:lang(ar/fa/ur)) - Remove fa-list-ol from RTL flip list (numbers get mirrored) - Add Urdu translation file (i18n/ur.toml) - Rename noMoretTranslations to noTranslations and simplify all translations - Update json-viewer-element from 1.0.4 to 1.0.6 - Add RTL test posts (index.en.md, index.ar.md) - Fix layout partials for RTL support See https://fixit.lruihao.cn/docs/content-management/introduction/#rtl-language-support
5.4 KiB
title, date, collections, categories, tags
| title | date | collections | categories | tags | |||||
|---|---|---|---|---|---|---|---|---|---|
| اختبار دعم اللغة العربية والكتابة من اليمين إلى اليسار | 2026-08-23T10:00:00+08:00 |
|
|
|
هذا مقال اختباري شامل لدعم اللغة العربية والكتابة من اليمين إلى اليسار في سمة FixIt. يهدف هذا المقال إلى اختبار جميع عناصر الويب المختلفة مع المحتوى العربي.
المقدمة
مرحباً بكم في هذا المقال الاختباري الشامل. اللغة العربية هي واحدة من أكثر اللغات انتشاراً في العالم، وتتميز بكتابتها من اليمين إلى اليسار. يتطلب دعم هذه اللغة في تصميمات الويب اهتماماً خاصاً بالعديد من الجوانب التقنية.
لماذا RTL مهم؟
عندما نصمم مواقع ويب تدعم اللغات التي تُكتب من اليمين إلى اليسار، يجب علينا مراعاة عدة عوامل:
- اتجاه النص: يجب أن يتدفق النص بشكل طبيعي من اليمين إلى اليسار
- تخطيط الصفحة: يجب أن تكون العناصر مرتبة بشكل منطقي
- الرموز والأيقونات: قد تحتاج بعضها إلى انعكاس
- التباعد بين الأسطر: يحتاج النص العربي إلى مساحة أكبر للتشكيل
النص المختلط
هذا نص يحتوي على كلمات إنجليزية مثل JavaScript و HTML و CSS مع نص عربي. يجب أن يظهر كل شيء بشكل صحيح.
الروابط
القوائم
القوائم غير المرتبة:
- عنصر القائمة الأول
- عنصر القائمة الثاني
- عنصر القائمة الثالث
- عنصر فرعي
- عنصر فرعي آخر
القوائم المرتبة:
- الخطوة الأولى في العملية
- الخطوة الثانية
- الخطوة الثالثة والأخيرة
قوائم المهام:
- إعداد بيئة التطوير
- كتابة المحتوى الأساسي
- اختبار التوافق مع المتصفحات
- مراجعة التصميم النهائي
- نشر الموقع
الجداول
| اللغة | الاتجاه | الحروف المتصلة |
|---|---|---|
| العربية | RTL | نعم |
| الفارسية | RTL | نعم |
| العبرية | RTL | لا |
| الإنجليزية | LTR | لا |
الاقتباسات
العلم نور والجهل ظلام — مثل عربي
اقتباس طويل:
إن الله لا يغير ما بقوم حتى يغيروا ما بأنفسهم وإذا أراد الله بقوم سوءاً فلا مرد له وما لهم من دونه من وال
الأيقونات
أيقونات يتم قلبها في RTL:
- :(fa-solid fa-tag): وسم
- :(fa-solid fa-tags): وسوم
- :(fa-solid fa-folder): مجلد
- :(fa-solid fa-folder-open): مجلد مفتوح
- :(fa-solid fa-pen-to-square): قلم تعديل
أيقونات لا يتم قلبها في RTL:
- :(fa-solid fa-share): مشاركة
- :(fa-solid fa-search): بحث
التبويبات
{{< tabs >}} {{% tab title="العلامة الأولى" %}} محتوى التبويب الأول. {{% /tab %}} {{% tab title="العلامة الثانية" %}} محتوى التبويب الثاني. {{% /tab %}} {{< /tabs >}}
التفاصيل القابلة للطي
انقر لعرض التفاصيل
هذا محتوى مخفي يمكنBOOLE توسيعه بالنقر.
المحتوى يمكن أن يكون نصاً أو كوداً أو أي عنصر آخر.
التنبيهات
{{< admonition >}} هذا تنبيه عادي يحتوي على معلومات مفيدة للمستخدم. {{< /admonition >}}
Important
تأكد من اختبار جميع التغييرات قبل النشر.
المحتوى المشفر
{{< fixit-encryptor password="1212" message="أدخل كلمة المرور (1212) لعرض المحتوى" >}} هذا محتوى مشفر. يجب إدخال كلمة المرور لعرضه. {{< /fixit-encryptor >}}
أمثلة على المحتوى LTR
في صفحة RTL، بعض العناصر تبقى باتجاه LTR لأن محتاها لغوي بحت أو برمجي. فيما يلي أمثلة:
كتلة الكود
#include <stdio.h>
int main() {
printf("Hello, World!\n");
return 0;
}
عارض JSON
{
"name": "FixIt",
"version": "1.0.0",
"features": ["RTL", "i18n", "shortcodes"]
}
تبويبات الكود
print("Python")
fmt.Println("Go")
الصيغ الرياضية
معادلة بسيطة: E = mc^2
معادلة معقدة:
\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
مخططات Mermaid
graph LR
A[بداية] --> B[عملية]
B --> C[نهاية]
{.awesome-hr}
تم إنشاء هذا المقال لاختبار دعم اللغة العربية في سمة FixIt.