مدونة الويب 2.0

محررات النصوص الغنية

بسم الله الرحمن الرحيم،

مقدمة:
موضوعنا اليوم مهم جداً لمطوري الويب وهو محررات النصوص الغنية أو المتقدمة ويطلق عليها باللغة الإنجليزية (Rich Text Editors) واختصاراً (RTE). محررات النصوص الغنية تمكنك من كتابة نص وتنسيقه (تغيير لون الخط وتكبير بعض الأحرف)لكي يخرج لنا نص بصيغة قابلة للقراءة بسهولة وبشكل جذاب ومن الأمثلة عليه برنامج الوورد (Word). لكن حديثنا اليوم عن محررات النصوص المتقدمة الخاصة بالويب والفرق بينها وبين محررات النصوص العادية أن الناتج يكون عبارة يكون عبارة عن وسوم HTML وماتراه وتحرره عبارة عن معالجة لهذه الوسوم فيظهر لك النص بشكله المنسق ولذلك يطلق عليها (WYSIWYG) أي “ماتراه هو ماتحصل عليه” وبذلك يمكنك استخدامها في مواقع الويب.

لماذا ومتى نستخدم محررات النصوص المتقدمة؟

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

ماهي أكثر المحررات شهرة؟

يوجد الكثير منها ولكن سأكتفي بذكر الأشهر والأفضل وبعد ذلك يمكنك معرفة ميزات وعيوب كل واحد منهم وبناء على ذلك تقرر متى تستخدم هذا ومتى تستخدم ذاك:

• TinyMCE: المحرر الأكثر شهرة والأوسع استخداماً، أشهر من يستخدمه الووردبريس في كتابة التدوينات في لوحة التحكم. فما تراه هو نفسه TinyMCE ولكن بثيم مختلف عن الثيم الافتراضي وبإضافات متعددة. بشكل أساسي يأتي معه العديد من الإضافات والأمثلة وما عليك سوى مشاهدة الأمثلة وكيف تم استدعاؤه لتعرف كيف يعمل. تحتاج لسطور قليلة في JavaScript لاستدعائه ولجعله يحول مربعات إدخال النصوص العادية (textarea) إلى محررات نصوص متقدمة.
• FCKeditor: ينافس التايني في شهرته، تركيبه أيضاً سهل ولايحتاج لخبير كي يركبه، شاهد الأمثلة المرفقة معه أيضاً. ميزته الكبرى عن التايني هي بإمكانية رفع الصور. في التايني تتوفر هذه الميزة (رفع الصور) في عدة إضافات ولكن ليس بالحزمة الأساسية.
• WYMeditor: يركز على التقيد بالمعايير (W3C)، وهو المحرر الوحيد الذي يعتمد بشكل كلي على (CSS) بدون أن يكتب وسوم HTML الخاصة بالتأثيرات (مثل: font, strong) داخل النص كما في باقي المحررات. مشكلته أنه لايحتوي على الإضافات الكثيرة الموجودة بالمحررين السابقين وهي بنفس الوقت ميزته (البساطة).

ما المحرر الذي يجب أن استخدمه؟

هذا يتوقف أولاً وآخراً على نوع العمل لديك:

• إذا كنت تريد محرراً بسيطاً وقابل للتمدد عن طريق الإضافات فعليك بالتايني (TinyMCE) لأنه أسرع بكثير من FCKeditor وأخف بالتحميل. إمكانية التعديل على إضافات وثيمات التايني سهلة وقد جربتها بنفسي أما FCK فمعقد من الداخل. يوجد منه إصدار للـ ASP و JSP.
• أما إذا أردت محرر نصوص مع إمكانية رفع الصور وليس لديك الوقت الكافي لعمل ذلك في التايني فعليك بال FCKeditor ولكن انتبه من حجمه في التحميل فهو لايصلح للذين يمتلكون إنترنت بطىء. يوجد منه إصدار للـ .Net وللـ Java.
• إذا أردت أن تتقيد بالمعايير وبمحرر نصوص بسيط وخفيف في التحميل فاستخدم WYMeditor. لم استعمله بشكل كبير من قبل (جربته فقط) ولكن بالتأكيد سأفعل إن أردت محرراً بسيطاً وخفيفاً.

هل من الممكن تزويدي بأمثلة دون الحاجة لتحميلهم:

بالتأكيد إليك أمثلة من مواقعهم:

• أمثلة عن TinyMCE
• أمثلة عن FCKeditor
• أمثلة عن WYMeditor

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

أهداف هذه التدوينة هي:

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