السلام عليكم ورحمة الله وبركاتة

اخوانى فى الله حياكم الله


نظرا لكثرة الطلبات على طريقة تركيب محرر اليكم هذا الدرس البسيط لكيفية تركيب محرر wysiwyg الشهير

نبدأ بأسم الله


اولا قم بتحميل المحرر من الرابط التالى

http://www.dynamicdrive.com/dynamici...siwyg_beta.zip

ثانيا

طريق التركيب

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

icons خاص بالايقونات تبع المحرر
popups خاص بصفحات التعديل (تغيير الخط او اللون او اضافة رابط وما الا ذلك )

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

styles خاص بملف الاستايل تبع المحرر css يمكنك تعديلة لما يناسب اللوان موقعك
wysiwyg.js وهو خاص بأكواد الجافا الخاصة بالمحرر


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

حتى الان كل شىء تمام

نجى الحين للتركيب

او شىء طريقة التركيب من اسهل ما يمكن كل الى راح نسويه ثلاث اشياء

1 - تضمين ملف الجافا سكربت الخاص بالمحرر داخل الصفحة
2 - تعريف حقل ال textarea بأى دى معين
3 - ربط اىدى حقل ال textarea بكود الجافا الخاص بالعرض


نبدأ على بركة الله


اولا نضع هذا الكود فى رأس الصفحة


كود PHP:
                      <html>
<
head>
<
script language="JavaScript" type="text/javascript" src="wysiwyg.js">
</script>
</head>
</html> 

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

ثانيا

انشاء النموزج الخاص بك وتعريف حقل التيكست اريا داخلة


كود PHP:
                      <form name="example" method="get">
 
<
textarea id="textarea2" name="test2" style="height: 200px; width: 500px;">
</
textarea>
<
script language="javascript1.2">
  
generate_wysiwyg('textarea2');
</script>
<input type="submit" id="button">
</form> 
نلاحظ فى النموزج الكود التالى

كود PHP:
                       
id
="textarea2" 
وهو الخاص بتعريف الحقل الى راح يعمل عليه المحرر

تابع معى


كود PHP:
                      <script language="javascript1.2">
  
generate_wysiwyg('textarea2');
</script> 
الكود التالى هو كود عرض المحرر ومثل ما انتو شايفين عطينالو اسم الحقل الى راح يعرض فيه ادوات المحرر الى هو textarea2
مثل ما سمينا حقل ال textarea

حتى الان كل شىء ماشى تمام

ومبروك عليك تم تركيب المحرر


لاستقبال المعلومات من المحرر

نستقبلها بشكل طبيعى جدا سواء عن طريق post او get ما بتفرق لكن الافضل طبعا بوست ما عليها كلام لانها أأمن من الجيت

مثال


كود PHP:
                      $textarea2 $_POST['textarea2']; 
واكمل استعلامك عادى جدا بدون اى مشاكل كانك تستقبل من حقل عادى


انتهى الدرس

وادعو الله ان اكون وفقت فى شرح تركيب المحرر ( ما بيعرف يشرح دروس بشكل جيد نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي)


السلام عليكم