مقتطفات اقتباس

إليك تحديث يحدّث المكوّن ويدعم محرر النصوص المنسّق! :rocket:
قد يحتاج إلى بعض التنقيح أو قد تكون هناك حالات طرفية غير متوقعة، لكنني أعتقد أنه بداية جيدة إلى حد ما. :folded_hands:

باختصار

  • يضيف دعم محرر النصوص المنسّق (انظر أدناه للحصول على نظرة عامة مفصّلة)
  • يحوّل العرض إلى مكوّن glimmer
  • يصلح لون CSS مع الاستدعاءات المتداخلة
  • يصلح لون CSS مع الاسم المستعار (alias)
  • يجب أن يكون الرسوم المتحركة للطي أكثر سلاسة
  • يضيف الإعداد callout_transition_duration_ms (رسوم متحركة للطي)
  • يضيف اختصار Ctrl + q لإدراج استدعاء افتراضي.
    يعمل هذا الاختصار في كلا المحررين، ويُضاف إلى نافذة اختصارات لوحة المفاتيح.
    صور
  • الدردشة (Chat): يضيف زرًا في الشريط العلوي لإدراج استدعاء افتراضي
    صور
  • معاينة ماركداون (Markdown Preview): يضيف القدرة على تغيير النوع عن طريق النقر على الأيقونة
    صورة

محرر النصوص المنسّق

دعنا نتحدث عن محرر النصوص المنسّق وما يمكن توقعه!

إنشاء الاستدعاءات (Callouts):

لديك أربع طرق لإدراج الاستدعاءات:

  • اختصار لوحة المفاتيح
  • الشريط العلوي (Toolbar)
  • قواعد الإدخال (Input rules)
    • /callout<:type>
    • !!<type>
  • دعم اللصق (Paste support)
    فيديو

تعديل الاستدعاءات

تظهر عناصر التحكم لتعديل الاستدعاء فقط عند تحديده أولاً.

  • مُحدِّد النوع (Type chooser)
    بالنقر على الأيقونة، ستظهر قائمة عائمة.
  • عنوان مخصص (Custom Title)
    يدعم التنسيق المضمن والرموز التعبيرية (emoji)
  • الطي (Folding)
    يمكن جعل الاستدعاءات قابلة للطي. يمكن الوصول إليه من قائمة الخيارات.
    فيديو

تنظيم الاستدعاءات

  • أدوات النقل (Move controls)

    • سطح المكتب (Desktop)
      يوجد مقبض تسحبه لإفلات الاستدعاء بالسحب والإفلات.
    • جهاز يعمل باللمس (Touch device)
      يمكنك تحريك الاستدعاءات لأعلى/لأسفل أو تعشيشها داخل الاستدعاءات المجاورة. يتم تعطيل هذا افتراضيًا لتجنب التضخم في العرض، حيث أن هذا ليس شيئًا ستفعله بشكل متكرر. يمكنك التبديل في الخيارات.
    فيديو

  • التنقل بلوحة المفاتيح (Keyboard navigation)
    يساعد هذا في تسهيل الانتقال داخل الاستدعاءات المتداخلة والخروج منها.
    قد يتطلب بعض التعديلات المستقبلية لجعل السلوك متسقًا في هذا الإصدار.

    • عند بداية العنوان، سيتم فتح مُحدِّد الاستدعاء تلقائيًا.
    • داخل نص الاستدعاء الذي لا يحتوي على فقرة للهبوط عليها، سيقوم بإنشاء فقرة؛ إذا خرجت بمحتوى فارغ، تتم إزالة الفقرة.
    • Enter داخل العنوان ينقل المؤشر إلى النص (ويقوم بإنشاء فقرة إذا لزم الأمر).
    فيديو

  • النقر للإدراج (Click-to-insert)

    • في المناطق التي لا يوجد بها فقرة، يمكنك النقر في الداخل لفتح فقرة.
    • إذا كنت تفضل، يمكنك أيضًا استخدام الأزرار لفتح فقرة داخل أو خارج الاستدعاء.
      فيديو

من المحتمل أن أبحث لاحقًا عن:

  • إكمال تلقائي لقواعد الإدخال
  • تحسين اللون باستخدام CSS الحديث، لضمان الاتساق والرؤية، خاصة في الوضع الداكن.
  • أتمنى إزالة جميع الإعدادات والتركيز على البساطة أولاً، مع تخصيص متقدم باستخدام CSS فقط، لكن فات الأوان لذلك :rofl:

شكر خاص لـ Moin لإعطائي ملاحظات.

هذا كل شيء. أخبرني برأيك. التقييمات مرحب بها للغاية!

7 إعجابات