Loading...




شاطر
قديممنذ /الثلاثاء أغسطس 25, 2015 9:12 pm#1
X-Gaming

Admin


X-Gaming
? عدد المساهمات : : 226
? السٌّمعَة : : 1
? تاريخ التسجيل : : 30/08/2012
? العمر : : 34


https://x-gaming.forumakers.com/
حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR






السلام عليكم

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

وهو إضافة ازرار إلى لوحة الكتابة من تصميمكم ..

الشرح اساسآ من موقع اجنبي وانا فهمته و اقدمه لكم ..


_ـ- نبدأ -ـ_

.. سوف نعتمد في شرحنا على هذا الكود
الكود:
$(function(){
  $(function(){
    $('<a class="sceditor-button sceditor-button-code" unselectable="on" TITLE= TITLE of Button"><div unselectable="on" style="background-image:url(image.png)">Button Name</div></a>').insertBefore('.sceditor-button-size').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[example]","[/example]");
    });
      });
      });

ركزو معي هنا 
تعديلات الكود ليضع الزر ^



sceditor-button-code





تحذف كلمة code وتضع اسم الكود ..
مثلآ : إدراج صورة
وهكذا ..

الكود:
TITLE of Button

تحذف هذه الكلمة وتضع عنوان الزر ^ 

يعني مثل الي فوق بالتمام
الكود:
image.png

تحذف هذه الكلمة وتضع رابط صورة الزر ..
( الصورة ان لم تكن 16×16 لن تظهر بشكل جيد حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR Page_white_flash )

الكود:
Button Name

تحذف هذه الكلمة وتضع اسم الزر مثل الاول و الثاني

الكود:
sceditor-button-size

هذا زي ما انت شايف نهايته size
معناها الزر يظهر قبل زر الsize 
تقدر تغيره بأسم اي زر من ازرار لوحة الكتابة عشان الزر يظهر قبل الزر الذي تريده انت ..

الكود:
[example]
تحذفها وتضع فاتحة كود الزر ..

يعني مثلآ لو بتحط زر bold 
تبدل : [example] 
وتضع :

وهكذا


الكود:
[/example]

نفس الي قبلها تمامآ لكن هنا تظر سلاش (/) بعد المربع

يعني مثال زر bold ايضآ

تبدل : [/example]

وتضع :


وهكذا ..

واين يوضع الكود ؟؟

هنا : لوحة الادارة - عناصر إضافية - إدارة اكواد Javascript -إنشاء كود جديد
العنوان : على راحتك 
تضعه على كل الصفحات 
وكود الجافا تضع الكود الي صممناه قبل شوي ^

واضغط سجل 

وشكرآ لكم على حظور الشرح 


وانا من صمم الشرح بالكمال بعد معاناة من الفهم من الشرح الأنقليزي


جميع الحقوق محفوظة لمنتديات X-Gaming








التوقيع



 


قديممنذ /الخميس سبتمبر 24, 2015 8:48 pm#1
haiclodu


haiclodu
? عدد المساهمات : : 61
? السٌّمعَة : : 0
? تاريخ التسجيل : : 23/08/2015
? العمر : : 39


حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR






دائما مبدع اخي في منتدى الدعم ولا تجدها







التوقيع



 


قديممنذ /الخميس سبتمبر 24, 2015 9:10 pm#1
X-Gaming

Admin


X-Gaming
? عدد المساهمات : : 226
? السٌّمعَة : : 1
? تاريخ التسجيل : : 30/08/2012
? العمر : : 34


https://x-gaming.forumakers.com/
حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR






منتدى الدعم مهما أرسلنا له من مواضيع لم يقبلها

لذا انا انشر اكوادي وشروحاتي في منتداي ^.^

ويمكنك ايضاً متابعتي في اليوت يوب :

2992656773








التوقيع



 


قديممنذ /الأربعاء سبتمبر 30, 2015 12:52 pm#1
MostWanted


MostWanted
? عدد المساهمات : : 1
? السٌّمعَة : : 0
? تاريخ التسجيل : : 23/09/2015
? العمر : : 30


حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR






موضوع قيم و مفيد

شكرا لك أخي








التوقيع



 


قديممنذ /الأربعاء سبتمبر 30, 2015 1:22 pm#1
X-Gaming

Admin


X-Gaming
? عدد المساهمات : : 226
? السٌّمعَة : : 1
? تاريخ التسجيل : : 30/08/2012
? العمر : : 34


https://x-gaming.forumakers.com/
حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR






العفو واجبي ^.^








التوقيع



 


الإشارات المرجعية

(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
ازرار الرد السريع تظهر متأخرة قليلاً




الذين يشاهدون محتوى الموضوع الآن : 24 ( الأعضاء 1 والزوار 23)


حصريآ ! طريقة صنع كود وضع زر في لوحة الكتابة SCEDITOR Collap10تعليمات المشاركة
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML متاحة