مدونة الويب 2.0

تركيب Tinymce في الدروبال

9, يوليو 2009 التصنيف: تطوير

السلام عليكم،
المحرر الغني أو المرئي (RTE) نحتاجه في أغلب المواقع لإضافة التأثيرات على النص ومشاهدتها بشكل فوري وإمكانية استعماله بشكل سهل من الأشخاص العاديين.
سيتم في النسخة القادمة من الدروبال، النسخة السابعة إضافة محرر مرئي بشكل افتراضي مع النواة، أما الآن في النسخة السادسة وماقبل فلا بد من إضافته بشكل يدوي عن طريق الوحدات (modules).

سنقوم في البداية بتحميل إضافة Wysiwyg التي قدمت واجهة برمجية موحدة للتعامل مع كافة المحررات الغنية المعروفة (TinyMCE, FCKeditor, والعديد من المحررات الغنية)، بعد تحميلها ورفعها على الموقع (يفضل رفعها على المسار sites/all/modules/wysiyg) نقوم بتفعليها ومن ثم إنشاء مجلد جديد في المسار (sites/all/libraries) لوضع التايني داخله، من قبل (أي في النسخ القديمة من إضافة Wysiwyg) كان ينبغي وضع ملفات المحرر داخل الإضافة أما الآن اصبح الوضع أسهل مع المسار المنفصل عن الوحدة (libraries) لأغراض التحديث مثلاً.
بعد ذلك سنقوم بتحميل محرر التايني (اختر Main package) وفك ضغطه ثم رفعه كما هو بدون تغيير بنية المجلدات إلى مجلد libraries الذي أنشأناه قبل قليل لنحصل على المسار التالي (sites/all/libraries/tinymce/jscripts/tiny_mce).
أما الخطوة التالية فهي اختيارية وتتمثل بإضافة اللغة العربية، نذهب لصفحة اللغات في موقع التايني ونختار المربع بجانب Arabic ثم Download في الأسفل كما في الصورة:

أيضاً نفك ضغط الملف ونرفعه كما هو إلى مجلد tinymce داخل المسار (libraries/tinymce/jscripts/tiny_mce) لاحظ تطابق المجلدات في التعريب ومجلد التايني.

الآن نذهب إلى لوحة تحكم الموقع ونختار إعدادات Wysiwyg ونلاحظ وجود التايني في القائمة، نضغط على تحرير لتظهر لنا الصفحة التالية لنختار منها الخيارات الافتراضية للمحرر كاللغة وإضافات المحرر التي نرغب بإظهارها واستعمالها في كتابة المحتوى:

والآن إلى آخر خطوة وهي كتابة محتوى جديد مثلاً خبر جديد ونتأكد من اختيار Full HTML:

سأشرح في تدوينة قادمة كيفية إضافة الصور والطرق المختلفة لتحقيق ذلك في الدروبال، أتمنى أن تكونوا قد استفدتم من هذه التدوينة.