يعد تنفيذ محرر HTML داخل تطبيقاتك أمرًا سهلاً باستخدام Froala - محرر WYSIWYG من الجيل التالي

غالبًا ما يواجه المطورون صعوبة في تحرير HTML. بدلاً من استخدام محررات HTML العامة ، يمكن أن يساعد محرر WYSIWYG من الجيل التالي المطورين في تلبية احتياجات التحرير الخاصة بهم.

Froala هو محرر ويب WYSIWYG Javascript يضمن الأداء العالي للمطورين. إنه يزيد من إنتاجية الفريق الإجمالية من خلال تقديم تجربة تحرير رائعة لهم. يستخدم محرر النص المنسق أحدث التقنيات لتزويد المستخدمين بأفضل الميزات من خلال واجهة نظيفة.

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

ما هو فروالة؟

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

Froala هو محرر مؤمن للغاية وله آلية دفاع قوية للحماية من XSS وهجمات القرصنة الأخرى. بالإضافة إلى ذلك ، فإن هندسته جيدة التنظيم تجعله أحد أكثر برامج تحرير النص المنسق كفاءة.

فيما يلي بعض الميزات المميزة لمحرر النص المنسق لـ Froala.

تنسيق وتصميم لا نهاية لهما

باستخدام Froala ، يمكن للمطورين إجراء تنسيقات محتوى لا حصر لها باستخدام أداة التحرير الخاصة بها. يتضمن الكود الرئيسي المدمج في Froala التصميم الأساسي مثل Bold و Italics . يمكن لأولئك الذين يحتاجون إلى ميزات تصميم متقدمة تضمينها من خلال العديد من المكونات الإضافية لـ Froala.

على عكس برامج تحرير النص المنسق الشائعة ، فإنه لا يستخدم علامة <font>. يمكن للمطورين استخدام مجموعات خطوط مختلفة من القائمة المخصصة للخطوط المتوفرة. عندما تكون هناك حاجة لتغيير حجم الخط ، يتيح لك Froala القيام بذلك بدقة بكسل.

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

من خلال تحديد قسم ، يمكن للمرء الحصول على فكرة حول تنسيق الفقرة وحجم الخط ونوع الخط من شريط الأدوات. يدعم Froala الحروف المنخفضة والمرتفعة التي يمكن استخدامها لتحرير الرياضيات الأساسي.

باستخدام البرنامج الإضافي Line Breaker ، يمكن للمستخدمين إضافة سطر جديد بعد الجدول ، حتى عندما يكون العنصر الأخير في المحتوى. من الممكن أيضًا استخدام اختصارات التعليمات البرمجية لتنسيق المحتوى من خلال بناء جملة markdown.

ميزات تركز على الأداء

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

يدعم محرر WYSIWYG وجود عدة برامج تحرير نصوص في نفس الصفحة. كل ما يحتاجه المستخدمون هو ضبطهم على التهيئة عند النقر. كما أنه متوافق مع معايير HTML 5 و CSS 3.

خيارات تخصيص وافرة

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

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

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

تتضمن بعض الأشياء الأخرى التي يمكن لمستخدمي Froala تخصيصها ، المكونات الإضافية ، والاختصارات ، والخطوط ، ومنتقي الألوان ، والرموز ، وأنماط الفقرة ، وارتفاع السطر ، والنمط المضمن ، والفئات المضمنة ، وأنماط الصور ، وأنماط الارتباط ، وأنماط الصور.

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

لتلبية جميع حالات الاستخدام ، يتوفر محرر Froala بعدة أوضاع ، مثل Full Page أو Full-Featured أو Document Ready أو Inline أو iframe أو Edit in Popup. وبالتالي ، لا يتعين عليك بدء الترميز للحصول على مظهر المحرر المثالي في تطبيقك.

واجهة متطورة

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

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

السمات المدعومة من تحسين محركات البحث (SEO)

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

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

محرر متجاوب متوافق مع الأجهزة المحمولة

Froala هو محرر مُحسّن للغاية للأجهزة المحمولة. يمكن لمستخدمي Android و iOS تشغيل أداة المحرر هذه على هواتفهم الذكية. يدعم محرر النص المنسق تغيير حجم الصورة باستخدام النسب المئوية. كما أن لديها ميزة تغيير حجم الفيديو التي ستعمل على الهاتف المحمول أيضًا.

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

ميزات إمكانية الوصول

إلى جانب التوافق مع برنامج إمكانية الوصول للقسم 508 ، يلتزم هذا المحرر بإرشادات الوصول إلى محتوى الويب 2.0. علاوة على ذلك ، فإنه يسهل التنقل في الصفحة من خلال السماح بسلوك مفتاح Tab الطبيعي.

يمكن التنقل في محرر WYSIWYG HTML الخاص بـ Froala باستخدام لوحة المفاتيح وحدها ، وذلك بفضل اختصاراته البديهية. نتيجة لذلك ، يمكن للمستخدمين التحرير بسرعة دون استخدام الماوس.

واجهة برمجة تطبيقات قوية

يقدم Froala واجهة برمجة تطبيقات Javascript قوية. يساعد المستخدمين على تخصيص المحرر بسهولة والتفاعل معه. تعمل وثائق API الخاصة بـ Froala أيضًا كمورد مفيد للتعرف على أحداث وأساليب وخيارات واجهة برمجة التطبيقات.

حزم SDK للخادم

يقوم محرر Froala Javascript بإجراء عملية دمج المحرر مع الخادم باستخدام حزم SDK للخادم. تدعم حزم SDK لغات متعددة مثل Java و PHP و .NET و Python.

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

التكامل مع أطر متعددة

يمكن دمج محرر Froala في أطر متعددة مثل Angular و Django و Rails و Node.js React و WordPress وما إلى ذلك على سبيل المثال ، يمكنك إضافة محرر Froala إلى تطبيق Node.js كما هو موضح في الفيديو أدناه.

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

دعم التهيئة

يمكن بدء محرر Froala على أي عنصر من عناصر HTML. على الرغم من أن Textarea هو أكثر عناصر HTML شيوعًا لتهيئة Froala ، يمكن للمطورين أيضًا استخدامه للتهيئة فقط على زر أو رابط أو صورة.

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

التكامل من أجل الإنتاجية

يقدم Froala مجموعة من الميزات المفيدة لتعزيز أقصى إنتاجية من المطورين. وهو يدعم ميزة التحرير في الوقت الفعلي ، لذلك حتى إذا كان العديد من المطورين يعملون على مستند في وقت واحد ، فيمكن للجميع عرض التغييرات على الفور.

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

كما أنه يدعم التدقيق النحوي والإملائي باستخدام WProofreader ، ودمج محتوى الوسائط الاجتماعية مع Embed.ly ، وتحرير الصور باستخدام HTML5 Canvas.

24/7 دعم البريد الإلكتروني

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

أسباب استخدام محرر Froala WYSIWYG

1. المطورين ودية

Froala هو محرر WYSIWYG HTML تم إنشاؤه لتسهيل حياة المطورين. باستخدام واجهة برمجة التطبيقات القوية والوثائق ، يمكن للمطورين توصيل Froala داخل تطبيقهم الحالي والبدء في استخدامه في غضون بضع دقائق.

2. للتخصيص

تم تصميم محرر Froala ليناسب جميع المواقع. يمكن للمرء تخصيصه باستخدام أي من السمات المتاحة أو حتى عن طريق إنشاء سمة جديدة باستخدام ملف سمة LESS.

3. خارج منطقة الجزاء الإضافات

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

4. دعم عبر منصة

يمكن للمطورين استخدام هذا المحرر المستند إلى المستعرض على أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية. نظرًا لعدم وجود قيود على النظام الأساسي ، فإنه يحسن كفاءة العمل. يمكن تشغيل Froala على أفضل المتصفحات مثل Google Chrome و Safari و Internet Explorer.

5. اختصارات سهلة

ليست هناك حاجة للتبديل بين الماوس ولوحة المفاتيح مرارًا وتكرارًا. تضع اختصارات محرر Froala جميع الوظائف في متناول يدك ؛ تسمح لك الاختصارات بتنشيط أوامر محددة باستخدام لوحة المفاتيح فقط.

6. بسيطة لكنها قوية

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

كلمات ختامية

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

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

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