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

السلام عليكم احتاج الى عمل مدونه للقصص ولكن اريد عمل محرر نصوص رائع للتسهيل على الكاتب الكتابه،

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

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

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

"Rich Text Editor for web"

"WYSIWYG Editor for web"

"HTML Text Editor for web"

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

مافهمت يا اخي وما دخل لارافل و vue.js في كود المفترض يكون معمول بلغات الواجهه الاماميه مثل جافا سكربت و html

بهذه الطريقة سيتعين عليك برمجته من الصفر بمفردك، بينما إذا تستعمل إطار العمل لارافل أو 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: