معاينة محرر الموضع

:information_source: ملخص يسمح للمستخدم بإعادة تموضع وتغيير حجم المعاينة في المنشئ لـ Discourse.
:hammer_and_wrench: المستودع GitHub - Alteras1/discourse-editor-preview-position: Discourse theme component for users to reposition and resize the preview
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

يسمح للمستخدم بإعادة تموضع وتغيير حجم المعاينة في المنشئ لـ Discourse. انقر نقرًا مزدوجًا على شريط السحب لإعادة تموضع التقسيم ليكون في المنتصف.

preview

معاينة بملء الشاشة

https://github.com/Alteras1/discourse-editor-preview-position/raw/main/.github/images/editor-preview-position-fullscreen.gif

يضيف أيضًا خيارًا لتصميم المنشئ بنفس نمط العرض بملء الشاشة.

clean composer mode

الإعدادات

زر المعاينة في الشريط العلوي

ينقل زر المعاينة إلى الشريط العلوي. الافتراضي: true

لقطات شاشة

غير بملء الشاشة:


بملء الشاشة:


السماح بمعاينات أعلى/أسفل

يسمح بوضع المعاينة فوق/أسفل المحرر. الافتراضي: true

لقطات شاشة


السماح بتغيير حجم المعاينات الأفقية

يسمح بتغيير حجم المعاينات على المحور الأفقي. الافتراضي: true

السماح بتغيير حجم المعاينات الرأسية

يسمح بتغيير حجم المعاينات على المحور الرأسي. الافتراضي: true

نمط المنشئ النظيف

يغير نمط المنشئ ليتطابق بشكل أوثق مع نمط المنشئ بملء الشاشة. الافتراضي: false.

لقطات شاشة

لقطات شاشة للنمط في اتجاهات مختلفة.




هذا الإعداد هو تفضيل شخصي إلى حد كبير. أثناء تطوير مكون السمة هذا، وجدت أن الاختلافات بين المحرر بملء الشاشة وغير بملء الشاشة كانت مشتتة للانتباه. على هذا النحو، أضفت هذا التصميم للمساعدة في إنشاء تجربة أكثر “توحيدًا”. بشكل افتراضي، يكون معطلاً.

التوافق والملاحظات

يعمل فقط في Discourse v3.2.0 والإصدارات الأحدث بسبب استخدام وظيفة api.renderInOutlet() ومكونات Glimmer الجديدة.

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

وبالمثل، نظرًا لأن محرر النص الغني لا يحتوي على معاينة منفصلة، يتم تعطيل هذا المكون في وضع RTE.

السمة التي أستخدمها في لقطات الشاشة الخاصة بي هي سمة Graceful.

18 إعجابًا

لطيف جدا. بالتأكيد سيقدر الأعضاء هذا!

إعجاب واحد (1)

تعديل العمودي سيؤدي إلى حدوث خطأ

إعجاب واحد (1)

شكرا على التقرير! تم إصدار إصلاح له.

هممم… لقد أدركت للتو أن شريط السحب يقع بين شريط الأدوات وحقول الموضوع الجديد… لست متأكدا مما أشعر به حيال ذلك…

إعجابَين (2)

لقد قمت بتثبيته للتو على منتدى الاختبار الخاص بي. أنا معجب به حقًا. شكرا للمشاركة :slight_smile:

إعجابَين (2)

هذا لطيف للغاية، شكراً على المشاركة!

إعجاب واحد (1)

أردت فقط أن أنشر مرة أخرى حول مدى إعجابي بهذه المكون. أقوم بالكثير من عملي اليومي على نسختي الخاصة وقد حسّن ذلك تجربة مستخدمي في Discourse بشكل كبير. أحب حقًا الملحن الأوسع مع المعاين في الأعلى لشاشة سطح المكتب الكبيرة الخاصة بي. أشعر أن تكييف هذا العرض للجوال قد يكون ممكنًا (على الرغم من أن لوحة مفاتيح الجوال قد يكون لها رأي في ذلك)، لذلك قد أقوم بعمل نسخة وأجربها عندما يكون لدي بعض الوقت الإضافي (أي: مثل لا شيء أبدًا هههه). عمل رائع :star_struck: وشكرًا مرة أخرى لمشاركة هذا. :purple_heart: :discourse:

4 إعجابات

فقط للتأكيد، هل هذا مصمم بشكل أساسي للاستخدام المكتبي؟

نعم، لقد تم تصميمه لسطح المكتب.

إعجاب واحد (1)