كيفية أضافة محرر نصوص إلى موقع الويب

للبحث عن هذه المحررات، يمكنك استخدام العبارات التالية:

"Rich Text Editor for web"

"WYSIWYG Editor for web"

"HTML Text Editor for web"

أما إذا كنت تبحث عن أفضل محرر لك يجب أولا تحديد لغة البرمجة التي تعتمدها لتسهل البحث أكثر مع ذلك يوجد العديد من المحررات المشهورة مثل TinyMCE و هو محرر نصوص غني (WYSIWYG) مشهور ومستخدم على نطاق واسع في العديد من تطبيقات الويب، و يوجد أيضا CKEditor و Quill و Froala حيث يتم إستخدامهم أيضا بشكل كبير و يمكنك الإعتماد عليهم و يمكن أن يتكاملوا مع laravel أو vue.js.

للبحث عن محررات للويب يمكنك البحث هكذا :

how to implement text editor in web page

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

و يمكنك أن تقوم بتطوير محرر نصوص بنفسك و لكن هذا سيستغرق منك وقت وجهد كبيرين و لا حاجة لذلك , لأنه هناك الكثير من المكتبات الجاهزة التي توفر لك ذلك , منها المكتبات التي طرحها الزميل chihab و يوجد غيرها اكثير منها:

• ContentTools
• ProseMirror
• Summernote
• Slate : هذه المكتبة تعتمد على اطار العمل React ,فهي خيار مناسب لك اذا كنت تستخدم React في تطوير مدونتك.

هذه المكتبات جميعها تعتمد على javascript

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

يمكنك استخدام محرر نصوص WYSIWYG (What You See Is What You Get). هذه المحررات تسهل عملية الكتابة والتنسيق لأنها تعرض النص بالشكل الذي سيظهر به في النهاية.

ويعتبر من أفضل و أشهر محررات النصوص WYSIWYG:

TinyMCE

هو واحد من أكثر المحررات WYSIWYG شيوعًا ويستخدم في العديد من المواقع الشهيرة.

CKEditor

يتميز بالعديد من الميزات والإضافات التي يمكن تخصيصها حسب الحاجة.

Quill

هو محرر نصوص خفيف الوزن ومفتوح المصدر يتميز بسهولة الاستخدام والمرونة.

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

نذكر من بين الأشهر على الساحة:

• tinyMDE:
• editor.mde: https://pandao.github.io/ed...
• cherry-markdown: