كيفية إضافة محرر TinyMCE إلى WordPress

إذا كنت ترغب في إضافة محرر TinyMCE إلى WordPress ، فهو في الواقع سهل للغاية. كل ما عليك فعله هو تثبيت وتفعيل البرنامج المساعد TinyMCE Advanced . بمجرد القيام بذلك ، ستجد عنصر قائمة "TinyMCE" جديدًا ضمن قائمة الإعدادات في منطقة إدارة WordPress الخاصة بك. سيؤدي النقر فوق ذلك إلى نقلك إلى صفحة إعدادات البرنامج المساعد حيث يمكنك تكوين كيفية عمل محرر TinyMCE.

يوفر الإصدار 3.9 من محرر WordPress المرئي بعض الملاحظات الجيدة. عند تشغيل حوض المطبخ ، فإنه يحتوي على 14 زرًا فقط أو 26 زرًا عندما لا يكون كذلك. يمكن عرض محرر نصوص TinyMCE الكامل عن طريق إضافة الكود التالي إلى ملف jobs.php الخاص بك: يمكنك الآن تحديد صف ثالث من الأزرار من المحرر المرئي.

استخدم المكونات الإضافية المخصصة مع TinyMCE انسخ ملف نقطة الإدخال (مع أي ملفات أخرى) إلى مجلد الملحقات لرمز TinyMCE الذي تم توزيعه مع البرنامج المساعد. يمكن بعد ذلك استخدام المكون الإضافي عن طريق إدخاله في قائمة المكونات الإضافية المحددة بواسطة خيار المكونات الإضافية.

يمكن استخدام Python أو Django لتشغيله. ملف setup.py هو ملف shell. في settings.py ، انسخ والصق كود tinymce في مشروعك: INSTALLED_APPS = tinymce. "الصغرى" ، [a tinymce] هي كلمة أخرى لها. يضاف لهم Tinymce.

قم بإنشاء محتوى وتعيين المحتوى باستخدام أساليب TinyMCE getContent و setContent. إذا قمت بتهيئة المحرر إلى myTextarea ، فستحتاج إلى إرجاع الخاصية id = ”myTextarea”. قم بإعادة المحتوى في المحرر الذي تم تمييزه على أنه HTML إلى المستخدم.

من خلال النقر على النقاط الثلاث (الخيارات) في الزاوية اليمنى العليا من الشاشة ، يمكنك الوصول إلى محرر نصوص Gutenberg . بالنقر فوق علامة التبويب "نص" في شريط الأدوات ، يمكنك الوصول إلى محرر نصوص WordPress Classic.

هل يستخدم WordPress Tinymce؟

يستخدم WordPress TinyMCE كمحرر افتراضي له. TinyMCE هو محرر WYSIWYG (ما تراه هو ما تحصل عليه) الذي يتيح للمستخدمين إنشاء المحتوى وتنسيقه بسهولة. يستخدم على نطاق واسع من قبل مطوري الويب والمدونين.

تزود Moxiecode Systems AB ، وهي شركة سويدية ، WordPress بمحرر HTML WYSIWYG مفتوح المصدر TinyMCE. يمكنك أيضًا إلغاء قفل عدد من الأزرار بالنقر فوق شريط أدوات المحرر المتقدم (الصف 2 من المحرر). في الإصدار 3.3.1 من WP ، يكون أمر التبديل الصحيح لـ IE و Firefox هو Shift-Alt-Z ؛ راجع أيضًا البرنامج المساعد API Rich Text Editor Filters لمزيد من المعلومات. يمكن أيضًا العثور على برنامج تعليمي مفصل على WP Tuts. عند استخدام WordPress ، يضيف محرر TinyMCE WYSIWYG تلقائيًا علامات الفقرة (علامات P) حول فواصل الأسطر. هناك ثلاث طرق أساسية لإزالة علامات P. في /WP-includes/class-WP-editor.php ، يمكنك الوصول إلى الإعدادات الافتراضية.

ما هو إصدار Tinymce الذي يستخدمه WordPress؟

اعتبارًا من الإصدار 5.0 من WordPress ، أصبح المحرر المرئي TinyMCE في الإصدار 4.9.4.

WordPress Tinymce Create

أحد الأشياء الرائعة في WordPress هو أنه يجعل من السهل تنسيق منشوراتك وصفحاتك باستخدام محرر TinyMCE المدمج. لكن هل تعلم أنه يمكنك أيضًا استخدام TinyMCE لإنشاء الأزرار المخصصة الخاصة بك؟
يعد إنشاء أزرار مخصصة لـ TinyMCE طريقة رائعة لتوسيع وظائف موقع WordPress الخاص بك. على سبيل المثال ، يمكنك إنشاء زر يُدرج رمزًا قصيرًا مخصصًا أو علامة HTML. أو يمكنك إنشاء زر يقوم بإدراج ارتباط إلى ملف أو صورة.
يعد إنشاء أزرار مخصصة لـ TinyMCE أمرًا سهلاً نسبيًا. أولاً ، تحتاج إلى إنشاء مكون إضافي يضيف الأزرار المخصصة إلى محرر TinyMCE. بعد ذلك ، تحتاج إلى إضافة بعض التعليمات البرمجية إلى المكون الإضافي الخاص بك والتي ستخبر TinyMCE بما يجب القيام به عند النقر فوق الزر.
إذا لم تكن مطورًا ، يمكنك أيضًا العثور على المكونات الإضافية التي ستضيف أزرارًا مخصصة إلى TinyMCE. تأتي هذه المكونات الإضافية عادةً مع واجهة مستخدم تسهل إضافة الأزرار المخصصة وتكوينها.

تم تصميم TinyMCE للعمل مع مجموعة كبيرة من المكونات الإضافية والإعدادات المخصصة. لا تتطلب TinyMCE أي هياكل ملفات خاصة أو أدوات للتشغيل ، بالإضافة إلى هذه المتطلبات. في معظم الحالات ، يمكنك إنشاء مكونات إضافية مخصصة بمساعدة إطار عمل أو أداة. يمكن أن يقوم Yeoman Generator بإنشاء ملفات ورمز معياري مطلوب لمكوِّن إضافي مخصص ، بالإضافة إلى بعض الأوامر المفيدة. يمكن العثور على مترجمي TinyMCE بالعديد من اللغات ، بما في ذلك الإنجليزية والفرنسية والألمانية والإيطالية والإسبانية. إذا كنت بحاجة إلى إضافة سلاسل إلى لغة مدعومة ، فيرجى استخدام الإجراء التالي. قم بإنشاء ملف ترجمة لكل لغة يدعمها البرنامج المساعد. يمكن إضافة زر شريط أدوات بسيط وعنصر قائمة باستخدام هذا المثال المكون الإضافي.

إعدادات محرر Wp Tinymce

تسمح لك إعدادات محرر wp tinymce بتغيير الإعدادات الافتراضية لمحرر WordPress المرئي. يمكن أن يكون هذا مفيدًا إذا كنت تريد تغيير حجم الخط أو الألوان أو الجوانب الأخرى للمحرر.

سنوضح لك كيفية ثني محرر WordPress TinyMCE عن طريق تقسيمه إلى أجزاء مختلفة. يقوم المحرر افتراضيًا بتوفير صفين من الأزرار لإنشاء محتوى المنشور وتحريره وتنسيقه. يمكن تحديث واحد أو أكثر من المكونات الإضافية الحالية لتزويدنا بمجموعة متنوعة من الوظائف المتقدمة. تتيح TinyMCE API للمطورين التحكم الكامل في المحرر. باستخدام عوامل التصفية الموضحة أدناه ، يمكننا السماح بتمكين ما يصل إلى أربعة صفوف من الأزرار. يقوم عنصر واحد ، والذي يمكن أن يكون أي عنصر ، بتعيين معلمات عنصر القائمة. إذا احتجنا إلى معاينة في الوقت الفعلي ، فسنحتاج إلى إنشاء ورقة أنماط مخصصة.

في كثير من الحالات ، لا نحتاج إلى إنشاء زر مخصص لأن TinyMCE بها عدد كبير من الأزرار المخفية التي يمكننا تنشيطها بسهولة. يمكن استخدام مرشح مع مرشح mce_buttons_ * n * لتصفية مجموعة الأزرار. إذا لم يكن أي من هذه الأزرار مناسبًا لاحتياجاتنا ، فقد يتلقى المحرر المزيد من الوظائف بفضل عدد من المكونات الإضافية الرسمية. نحن نعلم بالفعل كيفية إنشاء مكون إضافي وإضافة زر في WordPress TinyMCE. لنقم الآن بإنشاء المكون الإضافي التالي. في / mce / prism / ، يوجد ملف باسم / mce / prism /. يضيف الأسلوب addButton عنصر قائمة لكل عنصر من عناصر مصفوفة العناصر باستخدام زر قائمة Prism. سترى زر القائمة المنسدلة بمجرد قيامك بالحفظ والتحميل والتحديث.

يضيف البرنامج المساعد TinyMCE Advanced WordPress وظائف خمسة عشر ملحقًا إضافيًا من TinyMCE إلى المحرر المرئي الافتراضي. يتوفر عدد من الميزات المتقدمة ، مثل الجدول وخيارات مجموعة الخطوط ، من صفحة خيارات البرنامج المساعد. بالإضافة إلى المحرر الذي سيتأثر بالإعدادات الجديدة ، يمكن للمستخدمين تحديد خيارات أخرى.