إنشاء حقول مكررة باستخدام textarea وtinymce

إنشاء حقول متكررة مع محرر النص المتقدم "TinyMCE" يعتبر من المهام الشائعة في تطوير القوالب أو الإضافات المخصصة في ووردبريس. هذا يسمح للمستخدمين بإضافة محتوى متنوع بطريقة مرنة وسهلة الاستخدام. في هذا المقال، سنستعرض كيفية إنشاء حقول متكررة باستخدام محرر نص "Textarea" مع محرر "TinyMCE"، وسنغطي أهم الخطوات والنصائح لتجنب المشكلات الشائعة.

ما هو محرر TinyMCE ولماذا نستخدمه؟

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

الخطوة الأولى: إضافة الحقول المتكررة

لبداية العمل، يجب أولاً إعداد مساحة العمل لإضافة الحقول المتكررة. نقوم بتعريف وظيفة لإضافة صندوق ميتا خاص بالعناصر المخصصة. يمكن القيام بذلك باستخدام دالة add_meta_box، كالتالي:

add_action('admin_init', 'gpm_add_meta_boxes', 2);
function gpm_add_meta_boxes() {
    add_meta_box('gd_place', 'معلومات النشر', 'Repeatable_meta_box_display', 'paper_publication', 'normal', 'default');
}

فتح محرر TinyMCE

بعد إنشاء الصندوق الميتا، يتوجب علينا إضافة محرر "TinyMCE" إلى الحقول المتكررة. نقوم بإنشاء دالة تعرض حقول النص الخاصة بنا مع "TinyMCE". يجب أولاً استدعاء مجموعة الجافاسكربت الخاصة بـ "TinyMCE":

function Repeatable_meta_box_display() {
    global $post;
    $gpminvoice_group = get_post_meta($post->ID, 'ra_publications', true);
    wp_nonce_field('gpm_repeatable_meta_box_nonce', 'gpm_repeatable_meta_box_nonce');
    // هنا يمكنك إدراج الحقول المتكررة
}

التأكد من التحميل السليم لـ TinyMCE عند إضافة خانات جديدة

واحدة من المشكلات الشائعة التي قد تواجهها هي أن محرر "TinyMCE" يتم تحميله فقط عند التحميل الأول، وليس عند إضافة خانة جديدة. لحل هذه المشكلة، يجب علينا التأكد من أن دالة التحميل لـ "TinyMCE" تُستدعى لكل خانة جديدة.

حل المشكلة

يمكنك إضافة الأكواد اللازمة للتأكد من تحميل المحرر بشكل صحيح كالتالي:

jQuery(document).ready(function($) {
    let addButton = $('#add-new'); // زر الإضافة
    addButton.click(function() {
        // تحميل محرر "TinyMCE" هنا
        tinymce.init({
            selector: '.your-textarea-class' // استبدل class هنا بالـ class الخاصة بك
        });
    });
});

نصائح لتجنب المشكلات

عند العمل مع الحقول المتكررة ومحرر "TinyMCE"، يُفضل أن تأخذ في اعتبارك بعض النصائح المهمة:

1. التأكد من الوسطاء: تأكد من أن النداءات الجافاسكربت تعمل بشكل صحيح ولا تتعارض مع أي مكتبات أخرى.
2. اختبار التوافق: تحقق من توافق "TinyMCE" مع الإصدارات المختلفة من ووردبريس، فقد تتغير بعض الإعدادات أو الميزات.
3. مراجعة الأكواد: تأكد من وجود جميع الأقواس وتنسيق الأكواد بشكل صحيح لتفادي الأخطاء.

In conclusion, إن استخدام "TinyMCE" ضمن حقول متكررة يعطي تجربة مستخدم رائعة ويسهل عملية إضافة المحتوى. من خلال اتباع الخطوات التي تناولناها يمكن تحقيق ذلك بسهولة.

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