أفضل محرر Magento 2 WYSIWYG للتجارة الإلكترونية

المحتوى

يعد Magento 2 من بين أكثر منصات CMS مفتوحة المصدر استخدامًا للمتاجر عبر الإنترنت. تعتمد حوالي 20٪ من جميع مواقع التجارة الإلكترونية على مستوى العالم على النظام الأساسي وتتم معالجة أكثر من 155 مليار دولار في المعاملات التي يتم التعامل معها من خلال قدراتها.

يسمح محرر Magento wysiwyg بتحرير المحتوى ذي الصلة لكل شخص ليس على دراية بـ HTML ، مما يسرع النشر بجعل تحديد العلامات والسمات يدويًا غير ضروري. على هذا النحو ، يمكنك رؤية الشكل النهائي للمشروع في Magento 2 في وقت مبكر.

ما هو Magento 2 WYSIWYG Editor؟

إذا كنت تتساءل ما هو محرر wysiwyg ، فأنت أخيرًا وجدت الإجابة.

تم تصميم WYSIWYG (ما تراه هو ما تحصل عليه) لتحرير نموذج العرض التقديمي للمستند دون إجراء أي تلاعب في الكود المصدري وكتابة أي كتل يدويًا. كل ما يلزم معالجته هو المكونات المضمنة في المحرر لرؤية الصورة الكبيرة لوثيقة أو مشروع أو حدث غير مكتمل (WYSIWYG Lighting Design).

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

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

يمكن تشغيل وضع التخصيص بطريقتين:

• وضع التصميم - تحرير العناصر الفردية (النافذة ، الإطار) ؛
• contentEditable - تحرير العناصر مع النص.

تسمح طريقة document.execCommand ببدء تشغيل الأوامر (تخصيص الخط وإضافة الارتباط وما إلى ذلك) لتحرير المناطق وعلامات التنميط.

يجب استخدام event.preventDefault عند تشغيل تغييرات زر الضغط. خلاف ذلك ، لن يتم تنفيذ الأمر أثناء معالجة الزر فقط.

يتيح فحص أمان النص التأكد مما إذا كان يحتوي على عنصر JavaScript ضار يفتح فرص هجوم XSS. في بعض المتصفحات (مثل Firefox) ، يتم تمكينه افتراضيًا ، مما يقيد استخدام الوظائف المتعلقة بالمخزن المؤقت (مثل النسخ / اللصق). يمكن إزالة القيود بمساعدة about: config.

إذا لزم الأمر ، يمكن إنشاء محتوى قابل للتحرير عبر HTML ، مما يمكّنك من العمل مع React و Angular وغيرها من الأطر المماثلة لإدارة شاملة للمكونات التي لا يمكن تحرير المحتوى.

أفضل 7 حلول برمجية WYSIWYG

تُستخدم محررات WYSIWYG لإنشاء تطبيقات أو مواقع ويب ذات أغراض مختلفة أو لمهام إدارة المحتوى. لا تتطلب بالضرورة معرفة HTML أو مهارات الترميز.

يجب أن يمتلك المحرر الفعال من هذا النوع الخصائص التالية:

• واجهة تحرير محتوى قائمة على النص منفصلة
• جميع ميزات معالجة المستندات القياسية ؛
• القدرة على تحرير التعليمات البرمجية والاطلاع على معاينتها في المنشور ؛
• دمج وتصدير ونشر المحتوى عبر الأدوات المتصلة.

توفر الحلول البرمجية التالية ذلك وأكثر.

TinyMCE

أحد المحررين الأكثر سهولة في الوصول إليه والمتعدد الوظائف والذي يعمل على تشغيل Atlassian و Medium و Evernote من بين آخرين. يدعم عمليات النشر السحابية والمختلطة ويمكن دمجه مع بعض الأطر الأكثر شهرة - React و Vue و Angular.

محرر مرئي

هذا يسمح بإجراء تغييرات وتصحيحات في المشاريع دون الحاجة إلى المرور عبر ترميز نص ويكي.

سمر نوت

محرر WYSIWYG البسيط للغاية في Bootstrap SummerNote - مكتبة JavaScript تتيح إنشاء برامج تحرير مخصصة عبر الإنترنت.

ريشة

محرر مفتوح المصدر يمكن تكييفه بسهولة مع المتطلبات المخصصة وخصائص العمل بسبب بنية قابلة للاستهلاك وواجهة برمجة تطبيقات مرنة.

محرر Froala

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

محرر CKEditor 4

محرر نصي مع بنية قائمة على المتصفح ، والتي تسمح باستخدام كل من الميزات العامة والموسعة لمعالجة المحتوى. يوزع فقط عن طريق التراخيص التجارية ، ولكنه حل مفتوح المصدر.

أدوات المحتوى

محرر جيد للمحتوى المستند إلى HTML. لديه نقاط مستخدم عالية جدًا بين أدوات WYSIWYG المماثلة.

اقرأ أيضًا: كيفية توظيف أفضل مطوري Magento

ماجنتو 2 محرر WYSIWYG

فيما يتعلق ببناء موارد التجارة الإلكترونية المستندة إلى Magento 2 ، يتم استخدام WYSIWYG لتحرير محتوى الواجهة الخلفية دون أي مهارات برمجة مطلوبة. هؤلاء هم المحررين الأساسيين المكرسين لـ Magento من هذا النوع.

TinyMCE 4 - محرر WYSIWYG Pro

محرر magento wysiwyg أساسي يتم استخدامه عادةً بشكل افتراضي. تشمل الميزات الرئيسية ما يلي:

• إضافة سحب وإسقاط لملفات الصور / الفيديو ، والتحميلات المتعددة ، وتخصيص حجم الملف في الوقت الفعلي ؛
• العناوين والأوصاف الآلية بناءً على عنوان الملف (دعم العديد من الملفات بالإضافة إلى الملفات ذات الأسماء في UTF-8 Unicode) ؛
• إضافة عنصر واجهة مستخدم Magento ، وكتل ، ومتغيرات ، وعناوين URL ؛
• البحث والفرز والتخصيص ووضع العرض الذكي ؛
• التخصيصات المتعمقة - يمكن تنفيذ الأدوات والمعارض والمتغيرات كمكونات إضافية ، بشكل مجمّع ومنفصل لكل حالة أخرى.

Magento 2 Page Builder

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

بشكل عام ، تشمل الوظائف الرئيسية لأنواع المحتوى ما يلي:

• إنشاء المطبوعات بالسحب والإسقاط ؛
• ضبط المعاينة في المتجر ؛
• بناء نماذج الإدخال والإعدادات.

هناك نوعان رئيسيان من تكوين Page Builder يعتمدان على احتياجات المستخدم النهائي:

• توسيع الأنواع الموجودة ؛
• خلق الجديد.

تم دمج محرر مع Magento Commerce مع الوظائف الأساسية ومتاح للشراء لجميع مالكي Magento Open Source.

اقرأ أيضًا: دليل كامل حول ترحيل Magento: انقل متجر التجارة الإلكترونية الخاص بك إلى Magento من أي منصة

كيفية تكوين محرر WYSIWYG في Magento 2 [مُحدَّث 2021]

أنت تعرف بالفعل ما هو Magento 2 WYSIWYG Editor وعن أفضل حلول برمجيات WYSIWYG. وربما تتساءل عن كيفية إضافة محرر WYSIWYG في نظام Magento 2. لذا ، حان الوقت الآن للكشف عن كيفية تكوين محرر WYSIWYG في Magento 2. استمر في القراءة لتكون على دراية بأربع خطوات سهلة.

كيفية تمكين / تعطيل محرر WYSIWYG

باستخدام Magento 2 WYSIWYG Editor ، يمكنك الوصول بسهولة إلى كتل وصفحات CMS ووصف المنتج والفئات. من السهل إضافة وتعديل نص وعناصر واجهة مستخدم وروابط ومتغيرات وصور بدون استخدام أي HTML ورؤية النتائج الفورية لأفعالك في الواجهة الخلفية.

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

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

1. انتقل إلى لوحة المسؤول-> المتاجر-> التكوين ؛
   
2. انقر فوق عام-> إدارة المحتوى لرؤية خيار التمكين / التعطيل.
   
3. يتم تمكين Wysiwyg افتراضيًا. لتعطيله ، قم بإلغاء تحديد خيار استخدام قيمة النظام وحدد خيار القائمة المنسدلة
   • معطل افتراضيًا - سيكون محرر HTML مرئيًا عند تحميل الصفحة ويمكنك تبديله لمحرر WYSIWYG ؛
   • معطل تمامًا - سيتم تعطيل إمكانات التحرير بالكامل.
   
   
4. احفظ جميع التغييرات. إذا واجهت مشكلة في محرر Magento 2 WYSIWYG لا يعمل بشكل صحيح ، فيجب عليك التحقق من جميع المتطلبات الرئيسية وتنظيف ذاكرة التخزين المؤقت بالطريقة التالية:
   • انتقل إلى System-> Tools-> Cache Management ؛
     
   • في القائمة ، انقر فوق تحديث-> تحديد الكل-> إرسال.
     

ملخص

يجب أن يعتمد اختيار محرر WYSIWYG عند إنشاء موقع ويب على أهداف الشركة واحتياجاتها ومتطلبات تجربة المستخدم والميزانية واستراتيجية التسويق والأساس التقني ومجموعة من الجوانب الأخرى. على هذا النحو ، لا يمكن أن يكون هناك أفضل خيار عالمي واحد. ومع ذلك ، فإن استخدام Magento 2 هو الخيار النهائي لشركة تقدمية.

قد يعتبر البعض أن تسعير الحل غير معقول ، لكن كن مطمئنًا أن كل قرش تنفقه عليه يؤتي ثماره على المدى الطويل. يمكن التعامل مع معظم التحديات المتعلقة بالعمل مع Magento 2 بنجاح إذا كان لديك فريق مؤهل وخبير من المطورين ذوي خبرة جيدة في مجال التجارة الإلكترونية بجانبك.

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