اضافة محرر النصوص الي موقعك html Editor

اضافة محرر النصوص الي موقعك html Editor

المستوي الرابع مبرمج متوسط


اضافة محرر النصوص الي موقعك حيث يظهر التكست بوكس مثل الورد كي تحرر كيفية اضافة محرر النصوص بالاشكال المختلفة واضافة الصور والكتابة كأنك تكتب داخل ملف ورد ...الي مقالتك او موقعك

submit to reddit

اضافة محرر النصوص الي موقعك html Editor

 اضافة محرر النصوص الي الموقع .مثلا نريد ان ننسق مقالة معينة ليراها زائر الموقع بشكل منسق مثل برنامج الورد .

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

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

اولا رابط تحميل المشروع الذ نطبق عليه المثال بالفيجوال ستوديو من هنا قبل اي شئ

وفي هذه المقالة سوف نطبق الاتي

1- فائدة محرر النصوص وتم شرحها بالاعلي

2- عمل مثال كامل علي محرر النصوص

3- البحث عن اشكال اخري لمحرر النصوص والاختيار بينهم

ثم نبدأ في استخدام محرر النصوص بالشكل الاتي

محرر النصوص

الان مع مثال عملي علي محرر النصوص html editor sample

يوجد العديد من محرر النصوص html Editot  في مختلف الاشكال وقد اخترنا محرر نصوص اسمهFckeditor

html editor

الخطوات لاضافة اي محرر نصوص

1- تذهب الي موقعم الرسمي وتختار مشاهدة المثال لكي تراه بشكل مباشر ..ثم حمله ان عجبك شكله وطريقة استخدامه .

مشاهدة المثال من الموقع الرسمي لهم

2- ملف التحميل او محرر النصوص يكون في شكل ملف ويندوز ونوعه  Dll

3- بعد تحميل المثال او ملف المحرر قم بحفظه علي جهاز الكمبيوتر لديك في اي مكان . يتبقي اضافته في الفيجوال ستوديو لكي تستخدمه الان .

تابع الان كيفية اضافة محرر النصوص الي فيجوال ستوديو

 

 افتح الفيجوال ستوديو ثم قف بالماوس لاظهار ادوات فيجوال ستوديو من خلال الوقوق فقط بالماوس علي صندوق الادوات

html editor

الان قف اسفل كل الادوات في مكان فارغ ليس به ادوات .ثم اضغط ضغطة يمين بالماوس

سيظهر لك عدة اختيارات .اختر تاب جديد Add tab

html editor free editor

الان قم بتسمية مكان الادوات الي اي اسم .حيث ستضع به اي اداة تريد تحميلها من الانترنت الي الفيجوال ستوديو

html editor free editor

اضغط كليك يمين بالماوس علي اي مكان فارغ في منتصف هذا المكان الجديد .ثم اختر اختيار العنصر Choose Items
وسوف تضع هذا المحرر من هذا الاختيار

html editor free editor

يخبرك فيجوال ستوديو الان اين هذه الاداة الجديدة التي تريد ادراجها ..اختر Browse

اي انها بداخل الكمبيوتر وسوف ابحث عنها واختارها .

html editor free editor

ادخل الان داخل الكمبيوتر لديك ثم ادخل فولدر المشروع ثم فولدر ال Bin

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

مع العلم انه يمكنك ان تضعه في اي مكان علي الجهاز .

html editor free editor

اختر اسم الملف .او الاداة التي تسمي FCKeditor

والتي قمت بتحميلها من الموقع الرسمي لهذا المحرر .

html editor free editor

الان بعد اختيار الملف والضغط عليه سوف تنزل ضمن الادوات الخاصة بالفيجوال ستوديو ..وسوف يعلم عليها البرنامج بشكل تلقائي ..ثم اضغط اوكي او موافق

html editor free editor

الان انظر الي صندوق الادوات وسوف تجد الاداة ضمن ادوات فيجوال ستوديو

html editor free editor

 

كل ما عليك الان هو مجرد سحبها بالماوس ثم القائها في اي مكان تريد في الصفحة لتظهر بالشكل هذا .

html editor free editor

 

الان قم بتشغيل الصفحة وسوف تظهر بهذا الشكل مثل ملف الورد الذي ينسق الكتابة

html editor free editor

كما تستطيع استخدام الاداة في الكود من خلال خاصية ال Value

وليس التكست ..كما كان في التكست بوكس ..حيث يمكنك الحفظ او الاستدعاء بنفس الطريقة العادية من خلال خاصية ال Value

html editor free editor

 

ملاحظات هامة في هذا المحرر

لابد من اضافة فولدر كامل المحرر في المسار الرئيسي للمشروع والا سوف يعطيك خطأ ..لانه ملف الخاص بالاعدادات لهذا المحرر

وهذه الرسالة تقول ان السيرفر غير قادر علي الوصول لملف الاعدادات لمحرر النصوص

html editor free editor

وهو فولدر اسمه fckeditor

فقط خذه نسخ ولصق

html editor free editor

html editor free editor

 

الان مع بعض محررات النصوص الاخري كما وعدنا في بداية المقالة

1- MarkitUp - jQuery Editor محرر نصوص

 مشاهدة المثال والتحميل

html editor free editor

2- Lightweight RTE  Editor محرر نصوص

  مشاهدة المثال والتحميل

html editor free editor

 

3- TinyMCE  Editor محرر نصوص

 مشاهدة المثال والتحميل

html editor free editor

 

4- Yahoo YUI Rich Text Editor محرر نصوص

 مشاهدة المثال والتحميل

html editor free editor

 

 

ويوجد المذيد من عشرات محررات النصوص علي جوجل فلا تنسي الاضطلاع عليها للمذيد

من فضلك اذا اعجبك المحتوي اضغط علي زر اعجبني لتقم بمشاركتها ايضا


مفاتيح البحث jquery html Editorمحررالنصوصكتابةادخال صورة للمقالةبرمجةتعلمسي شارباجاكسجاكويريفيجوال ستوديواية اس بيدوت نتسيكوالاكسساس كيو ال سيرفرتعلم البرمجة كما في شركات البرمجة كورسدورةسي شاربتعلم asp.netشرحكيفية عمل أيميلأنشاء بريد الكترونيتعليم برمجة المواقعأنشاء ايميلمواقع برمجةدورات البرمجةتعليم c sharpدورات انترنتc تعلمطريقة عمل صفحة فيس برمجة المواقع تعليمتعلمكيفية عمل ياهوتعلم السي شاربتصميم مواقع تصميم مواقع انترنت شركات تصميم مواقع تصميممواقع الإنترنت تصميم مواقع الكترونية تصميم مواقع الرياض مواقع تصميم مواقع مؤسسة تصميم مواقع شركات تصميم مواقع بالرياض تصميم مواقع جدة تصميم مواقع ومنتديات شركات تصميم مواقع انترنت تصميم وبرمجة مواقع مواقع تصميم المواقع مواقع تصميم منتديات تصميم مواقع ويب تصميم مواقع الويب مواقع تصميم استايلات منتدى تصميم مواقع شركات تصميم مواقع الانترنتبرمجة مواقع برمجة مواقع انترنت مواقع برمجة شركة برمجة مواقع برمجة مواقع الويب مواقع برمجة مجانيةشركات برمجة سعودية شركات تصميم شركات برمجة بالرياض شركات التصميم تصميم شركات شركات تطوير فضل لغة برمجة اسهل لغة برمجة لغة برمجة عربية لغة برمجة جافا لغه برمجه احسن لغة برمجةبرمجة الكمبيوتر تعلم برمجة الكمبيوتر تعليم برمجة الكمبيوتر كيفية برمجة الكمبيوتر طريقة برمجة الكمبيوتر اعادة برمجة الكمبيوتراستضافه استضافة موقع استضافه مواقع شركه استضافه مواقع استضافه استضافة وتصميم مواقع شركات استضافة مواقع استضافة الموقع تصميم مواقع استضافة استضافة وتصميم المواقع تصميم مواقع استضافة مواقعلتصميم المواقع موقع لتصميم المواقع موقع لتصميم المنتديات شركة لتصميم المواقع لتصميم المنتديات مواقع لتصميمبرمجة المواقع الالكترونية دورة برمجة المواقع دروس برمجة المواقع برمجة المواقع برمجة وتصميم المواقع تعليم برمجة المواقع منتدى برمجة المواقع منتديات برمجة المواقعبرمجه c دروس برمجة c تعلم برمجة c c برمجة لغه برمجه c كتب برمجة c برمجة بلغة cتعلم برمجة المواقع تعلم برمجة الجافا تعلم برمجة تعلم برمجة الحاسوب تعلم برمجة الالعاب تعلم برمجة الويبتصميم موقع انترنت موقع تصميم منتديات موقع تصميم مواقع موقع تصميم المواقع موقع لتعليم تصميم المواقعكتب برمجه كتب برمجة جافا كتب برمجة مجانية تحميل كتب برمجة موقع كتب برمجةبرمجه الحاسوب كيفية برمجة الحاسوب اعادة برمجة الحاسوب مواقع تعليم الحاسوب موقع تعليم الحاسوببرمجة خاصة برمجه حاسب برمجة العاب برمجة الحاسب الالي برمجة تطبيقات الاندرويد برمجة تطبيقات الجوال منتدى برمجة جهاز برمجة السيارات برمجة كمبيوتر السيارة منتديات برمجة برمجة سنترال باناسونيك برمجة السيارات الامريكية برمجة سكربت برمجة برامج برمجه لغويه عصبيه برمجة ويب برمجة كمبيوتر السيارات وظائف برمجة اساسيات برمجة الحاسب دورات برمجة الحاسببرمجة تصاميم مواقع تطوير مواقع مواقع للتصميم تصميم الموقع مصمم مواقع انترنت تصميم المنتديات مؤسسة تصميم مواقع التصميم شركة للتصميم تطوير مواقع الويب تصميم الويب شركة التصميم تعلم تطوير المواقع تصاميم المواقع موقع لصنع المواقع صناعة المواقع منتدي تطوير المواقعدورات تصميم مواقع انترنت تصميم مواقع asp.net كورس تصميم مواقع الانترنت كورس تصميم مواقع دروس في تصميم مواقع الانترنتدورة برمجة دورات تصميم المواقع تصميم تطبيقات تصميم موقع asp.net تعلم asp.net بالصوت والصورة الا يفون تصميم المواقع والمنتديات دروس asp.net بالعربي كورس تصميم المواقعتعلم asp.net بالعربي كتاب asp.net بالعربي تعليم asp.net بالعربي كتب asp.net بالعربي دروس asp.net بالعربيasp.net تعلم منتدى asp.net دروس asp.net تعليم asp.net تعلم asp.net دورة asp.net مبرمج asp.net لغة asp.net كتب asp.net مطلوب مبرمج asp.net استضافة asp.net learn asp.net استضافة مجانية asp.net برمجة asp.net برنامج asp.net كتاب asp.net asp.net دروس مشروع asp.net دورات asp.net تصميم مواقع asp.netc pdf لغة c c download دروس c كتاب c تعليم c كتب c برنامج c شرح c منتدى c تعلم لغة c c course c lessons c projects تحميل برنامج c c codes تعليم لغة c تحميل c مشاريع c c learningc download سي شارب c 2005 c course classes in c c courses vb 2008 تعلم فيجوال ستوديو 2012 c sharp course c sharp pdfc فيجوال ستوديولغة سي شارب اكواد سي شارب برنامج سي شارب سي شارب للمبتدئين دروس سي شارب تعلم سي شارب منتدى سي شارب سي شارب pdf فيجوال سي شارب تعليم سي شارب كتب سي شارب مشاريع سي شارب سي شارب 2008 سي شارب عربي كتاب سي شارب برامج سي شارب برمجة سي شارب تحميل سي شارب شرح سي شارب كود سي شارببحث عن لغات البرمجة تعليم لغات البرمجة بحث لغات البرمجة دورات لغات البرمجة كتب تعليم لغات البرمجةتعليم c فيجوال c دروس برمجة c كتاب لغة c بحث عن لغة البرمجة c دروس في لغة c كتاب لغة البرمجة c تعليم لغة c تعلم لغه c c تعلم لغة كيفية تعلم لغة البرمجة c برمجة لغة c دروس في لغة البرمجة c لغة c كتاب كتب تعليم لغة c كتاب لتعلم لغة c كتاب تعليم لغة c كتاب لتعليم لغة c البرمجة c اللغة cسي شارب تعليم البرمجة تعلم برمجة تعلم لغة البرمجة c من البداية حتى الاحتراف برمجة سي كتب تعلم البرمجة تعلم c من الصفر تعلم نتsql serverتحميل sql server 2005 sql server 2005 تحميل sql server 2005 download تحميل برنامج sql server 2005 كامل download sql server 2005 شرح sql server 2005 تحميل sql server 2005 كامل تعلم sql server 2005 sql server 2005 تعليم برنامج sql server 2005 كامل تعليم sql server 2005 تحميل برنامج sql server 2005 تعليم sql server 2005 بالعربي تنصيب sql server 2005 برنامج sql server 2005 microsoft sql server 2005 تحميل دروس sql server 2005 تنزيل sql server 2005asp.netCvisualstudiosqlserveraccessajaxjqueryoopobjectedorientedprogramming