اجعل برنامج Drupal 9 CKEditor Pop - 7 وحدات مفيدة لم تكن تعلم بوجودها

محرر المحتوى هو في الأساس الوظيفة الأكثر أهمية لنظام إدارة المحتوى. ومع وجود قوة مثل CKEditor كأداة افتراضية لتحرير النص المنسق ، فقد عززت Drupal لعبة إدارة المحتوى الخاصة بها بشكل كبير مع العديد من الميزات الجديدة لـ Drupal 8/9 مثل نظام عناصر واجهة المستخدم CKEditor و Advanced Content Filter (ACF). لذا ، نعم ، إنها قوية جدًا حتى مع الميزات الافتراضية ... ولكن يمكنك حقًا تحسين لعبة CKEditor الخاصة بك بمساعدة بعض الوحدات والوحدات الإضافية المساهمة. تابع القراءة للحصول على أفضل الإضافات وأكثرها إثارة للاهتمام لتوسيع ميزات CKEditor وسهولة الاستخدام.

محرر دروبال 9 سي كي إي

أولاً ، بالنسبة لأولئك الجدد على دروبال ، فإن CKEditor 4.5 هو محرر WYSIWYG الافتراضي (ما تراه هو ما تحصل عليه) في دروبال 8/9. إنه محرر نصوص يساعد مسؤولي موقع الويب على كتابة المحتوى وتحريره مباشرة في صفحات الويب. مثل Drupal ، يعد CKEditor مشروعًا مفتوح المصدر وقد تمت ترقيته مؤخرًا بالعديد من الميزات الجديدة القوية التي سيستمر تحسينها. كجزء من مبادرة جاهزية دروبال 10 ، يعمل المساهمون في دروبال على تطبيق أحدث إصدار - CKEditor 5 - في دروبال 10.

الآن بعد أن انتهينا من الأساسيات ، دعنا ندخل في الترقيات!

توسيع CKEditor مع وحدات دروبال 9 الرائعة

1. CKEditor قراءة المزيد

هل تعرف تلك الأوقات التي تريد فيها منح القارئ خيارًا لرؤية باقي قدر كبير من النص؟ هذا هو جديتك لاستخدام ميزة CKEditor Read More ، التي تدعو المستخدمين إلى "القراءة" مع الاستمرار في إعطاء صفحتك تخطيطًا مضغوطًا. لإضافته ، يوفر دروبال 9 طريقة بسيطة وسهلة لتمكين وظيفة قراءة المزيد / إظهار أقل بمجرد تثبيت وحدة المساهم.

تنفيذ الوحدة:

بمجرد تثبيت هذه الوحدة ، ستحتاج إلى تكوين بعض الإعدادات:

1. قم بتحرير تنسيق النص المفضل وتمكين "تحديد علامات HTML المسموح بها".
2. أضف <div data-readmore-less-text data-readmore-more-text data-readmore-type class = "ckeditor-readmore"> في "علامات HTML المسموح بها". قم بتعطيل "تحديد علامات HTML المسموح بها" واضغط على "حفظ".
3. الآن قم بسحب وإسقاط رمز "قراءة المزيد" من الأزرار المتاحة إلى شريط الأدوات النشط (كما هو موضح في الصورة أعلاه) واضغط على حفظ.
4. بعد مسح ذاكرة التخزين المؤقت ، ستجد أيقونة " قراءة المزيد " في محرر النصوص عندما تختار "تنسيق النص المفضل".

كيفية استخدامها:

داخل منطقة المحتوى ، انقر فوق رمز " تنسيق النص ". الآن ستحصل على صندوق مستطيل. أضف باقي المحتوى الذي تريد عرضه بعد أن ينقر المستخدم على "قراءة المزيد".

الأسئلة الشائعة: هل يمكنني تعديل نص "قراءة المزيد"؟

قطعا! ما عليك سوى النقر فوق علامة التبويب "قراءة المزيد" في "إعدادات البرنامج المساعد CKEditor" وتغيير النص.

2. زر اللون CKEditor

بشكل افتراضي ، لا يوفر لك CKEditor خيارًا لتغيير لون النص من داخل المحرر. ولكن إذا كنت ترغب في تغيير لون نص معين أو حتى تمييز النص بألوان مختلفة ، فيجب أن تكون وحدة Drupal 9 CKEditor Color Button في قائمتك. لاحظ أن هذه الوحدة تتطلب أيضًا تثبيت وحدة زر اللوحة وأن كلتا الوحدتين تتطلب تثبيت المكتبات ومكتبة أزرار الألوان ومكتبة أزرار اللوحة. بعد تثبيت الوحدات النمطية وإضافة مكتبات في مجلد مكتبات السمة ، يمكننا نقل زر الألوان من الأزرار المتاحة إلى شريط الأدوات النشط بتنسيق النص المفضل.

التعليمات: هل يمكنني إضافة لون مخصص؟

نعم! إذا كنت لا تريد استخدام أي من الألوان الافتراضية المتوفرة بالفعل ، يمكنك تعيين لون مخصص أيضًا. يمكنك القيام بذلك في قسم "تنسيق برامج تحرير النص" حيث قمت بتنشيط خيارات الألوان من. ابحث عن "زر CKEditor Color" في قسم "إعداد الإضافات CKEditor" من "تنسيق محررات النص" وأضف لونًا في منطقة النص "ألوان النص" مفصولة بفواصل وبدون علامة #.

3. CKEditor يوتيوب

تساعدك وحدة Drupal 9 CKEditor Youtube على إضافة مقاطع فيديو Youtube إلى المحتوى الخاص بك دون الحاجة إلى رمز تضمين طويل. بعد تثبيت نموذج رمز Youtube ونقله من الأزرار المتاحة إلى شريط الأدوات النشط ، يمكنك العثور على أيقونات Youtube في محرر النصوص بتنسيق النص المفضل. هذه الوحدة تعتمد على المكتبة.

أحد أفضل الأشياء في هذه الوحدة هو المرونة. كما هو موضح في لقطة الشاشة أعلاه ، يمكنك "لصق رمز التضمين" أو لصق عنوان URL على Youtube أثناء تحديد العرض والارتفاع. لديك أيضًا خيارات سهلة الاستخدام مثل "التشغيل التلقائي" و "البدء في (وقت محدد)" و "إظهار عناصر التحكم في المشغل".

4. واجهة مستخدم قوالب CKEditor وقوالب CKEditor

هل لديك الكثير من نفس بنية المحتوى لصفحات موقعك على الويب أو منشوراتك؟ نماذج CKEditor و CKEditor Templates User Interface هي تذكرتك للنسخ السهل. تعتمد كلتا الوحدتين على مكتبات يمكن تنزيلها وتثبيتها كما هو موضح في صفحات الوحدة النمطية. بعد تثبيت هذه المكتبات ، يمكنك نقل رمز القالب من الأزرار المتاحة إلى شريط الأدوات النشط كما هو موضح في الصورة أدناه.

توفر وحدة قوالب CKEditor نافذة منبثقة للحوار مع قوالب محددة مسبقًا. عند النقر فوق رمز القالب (كما هو موضح في لقطة الشاشة أعلاه) ، سترى نافذة منبثقة مفتوحة ستختار أيًا من القوالب المحددة مسبقًا. سيتم بعد ذلك إدراج القالب مع "تنسيق النص والأنماط" التي تم تضمينها.

وحدة واجهة مستخدم CKEditor Templates هي ما تستخدمه لإنشاء القوالب التي تختار منها في الوحدة النمطية CKEditor Templates . بعد تمكين الوحدة ، ستجد خيارًا في التكوين> تأليف المحتوى> قسم قوالب CKEditor .

عند النقر فوق قوالب CKEditor من التكوين ، ستتم إعادة توجيهك إلى صفحة قوالب تكوين CKEditor . الآن يمكنك إضافة أو تعديل القوالب.

5. CKEditor CodeSnippet

باستخدام وحدة CKEditor CodeSnippet ، يمكنك إضافة "محتوى التعليمات البرمجية" داخل المحتوى بحيث يتم تمييزه وتنسيقه جيدًا. تستخدم هذه الوحدة مكتبة التحديد js وجميع الأنماط المتاحة لها. سيؤدي تثبيت هذه الوحدة باستخدام الملحن إلى تثبيت المكتبة تلقائيًا. بعد تثبيت هذه الوحدة ، يمكنك نقل رمز "مقتطف الشفرة" من الزر "متاح" إلى شريط الأدوات النشط.

ستجد الآن علامة التبويب Code Snippet في إعدادات البرنامج المساعد CKEditor لتنسيق النص. هنا يمكنك تحديد / إلغاء تحديد لغات البرمجة المدعومة.

التعليمات: كيفية استخدامه؟

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

6. CKEditor عدد الكلمات

إذن أنت تعمل مع حد من الكلمات / الأحرف ... هذا موقف شائع في المواقع عالية الأسلوب ذات التخطيطات الديناميكية. ويمكن أن تتسبب هذه الفوضى بشكل خاص في حالة وجود أيدٍ متعددة تعمل على نفس المحتوى. في هذه الحالات ، من المفيد رؤية عدد الأحرف والكلمات في CKEditor مباشرةً في تذييل المحرر نفسه (تمامًا كما تفعل في MS Word). هذا هو الوقت الذي ستقوم فيه بتثبيت وحدة CKEditor Wordcount. بعد تثبيت الوحدة والمكتبة ، يمكنك العثور على "عدد الكلمات وعدد الأحرف" في إعدادات البرنامج المساعد CKEditor لتنسيق النص. هنا ، يمكنك تحديد / إلغاء تحديد الميزات وفقًا لمتطلباتك. ستجد أيضًا عدادًا في CKEditor في الجزء السفلي الأيمن منه.

7. CKEditor نص Tweetable

هل تحاول تسجيل بعض نقاط الإنترنت؟ باستخدام وحدة CKEditor Tweetable Text ، يمكنك منح المستخدمين خيار التغريد لجزء معين من النص بالنقر فوق كلمة أو بناء جملة. ما عليك سوى تثبيت الوحدة النمطية والمكتبة كما هو موضح في صفحة الوحدة النمطية ونقل رمز النص القابل للتغريد من الزر "متاح" إلى شريط الأدوات النشط. ستجد بعد ذلك أيقونة تغريدة في محرر النصوص. عند النقر فوق هذا الرمز ، سيتم فتح نافذة منبثقة. هنا ، يمكنك إضافة نص عرض (أي كلمة (كلمات) تريد إضافة رمز التغريدة) ونص قابل للتغريد (النص الذي سيظهر في التغريدة). عندما ينقر المستخدم على نص العرض ، فسيتم إعادة توجيهه إلى Twitter وسيتم عرض Tweetable Text .