كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor

كيف اضيف زر  مركز تحميل خارجي لمحرر المنتدى ckeditor شباب ممكن طريقة اضافة زر عند كتابة الموضوع مثلاً تضغط على ..


موضوع مغلق

الصفحة 1 من 2 < 1 2 > الأخيرة »


03-09-2014 02:46 مساء
منتدى الخبير
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 09-08-2014
رقم العضوية : 5650
المشاركات : 202
الجنس : ذكر
يتابعهم : 4
يتابعونه : 0
قوة السمعة : 240
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 

كيف اضيف زر  مركز تحميل خارجي لمحرر المنتدى ckeditor
شباب ممكن طريقة اضافة زر عند كتابة الموضوع مثلاً تضغط على زر مركز تحميل يفتح لك نافذة مصغره لمركز تحميل او اي موقع ثاني 


MTIzNjk5MQ1111%D8%A7%D9%84%D8%AA%D9%82%D8%A7%D8%B7
 
  التقاط.PNG   تحميل png التقاط.PNG مرات التحميل :(10)
الحجم :(98.604) KB
 



تم تحرير الموضوع بواسطة :Soliman
بتاريخ:04-09-2014 03:36 مساء

سبب التعديل : تم تعديل عنوان الموضوع ليتناسب مع المحتوى


04-09-2014 01:17 مساء
مشاهدة مشاركة منفردة [1]
منتدى الخبير
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 09-08-2014
رقم العضوية : 5650
المشاركات : 202
الجنس : ذكر
يتابعهم : 4
يتابعونه : 0
قوة السمعة : 240
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor

؟؟؟ 


04-09-2014 03:32 مساء
مشاهدة مشاركة منفردة [2]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 10317
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 44
يتابعهم : 12
يتابعونه : 50
قوة السمعة : 62386
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
لإضافة ايقونة لمحرر ckeditor المستخدم بالمنتدى تعمل على فتح نافذة جديدة بتضمين صفحة هتمل يوجد بها كود مركز تحميل خارجي مثلاً
تكون الطريقة كالتالي :
تضيف plugin جديد بداخل مجلد plugins الموجود على المسار التالي
look/ckeditor/plugins/

اسم مجلد plugin نسميه كمثال : file_upload

وسيكون مسارة كالتالي :
look/ckeditor/plugins/file_upload

بداخل مجلد file_upload تنشأ ملف جافا سكربت جديد باسم plugin.js

وسيكون مسارة كالتالي :
look/ckeditor/plugins/file_upload/plugin.js

وتضع به الكود التالي :

( function() {

    CKEDITOR.plugins.add( 'file_upload',
    {
        init: function( editor )
        {
                    var pluginName = 'file_upload',
                lang = editor.lang.iframe;









           CKEDITOR.dialog.add( 'FilEUploaD', function ()
           {
              return {
                 title : 'مركز التحميل',
                 minWidth : 550,
                 minHeight : 200,
                 contents :
                       [
                          {
                             id : 'iframe',
                             label : 'Insert file upload...',
                             expand : true,
                             elements :
                                   [
                                      {
                                         type:"html",
                                         html:' <iframe src="look/ckeditor/plugins/file_upload/dialogs/file_upload.html" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:550;width:100%" height="100%" width="100%"></iframe> '
                                      }
                                   ]
                          }
                       ],
                 onOk : function()
                 {
                    // Notify your iframe scripts here...
                 }
              };
           } );

            editor.addCommand( 'file_uploaD', new CKEDITOR.dialogCommand( 'FilEUploaD' ) );

            editor.ui.addButton( 'file_upload',
            {
                label: 'Insert file upload...',
                command: 'file_uploaD',
                icon: this.path + 'images/file_upload.gif'
            } );
        }
    } );
} )();


واحفظ الملف بترميز utf-8

ثم تنشأ مجلد جديد باسم dialogs بداخل مجلد file_upload
look/ckeditor/plugins/file_upload/dialogs

بداخل مجلد dialogs تنشأ ملف HTML جديد باسم file_upload.html

وسيكون مسارة كالتالي :
look/ckeditor/plugins/file_upload/dialogs/file_upload.html

وتضع به الكود التالي :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl" xml:lang="ar" lang="ar">
<head>
    <title>مركز التحميل</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="robots" content="noindex, nofollow" />
 <style type="text/css">
        body, html, iframe {
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>
<body>
<!-- start gulfup.com -->
<div style="width:500px; font: normal 11px Tahoma; margin: 0 auto; text-align:center; background:#fff; border: 2px #000 solid; padding: 10px;">
<form id="uploader_file" action="http://www.gulfup.com/goo.php" method="post" enctype="multipart/form-data">
<input type="file" name="file_1_" id="file_1_" size="60" /><br /><br />
<input type="submit" id="submitr_files" style="font: normal 11px tahoma;" name="submitr" value="[ رفع ]"  />
</form>
<br /
</div>
<p dir="rtl">&nbsp;دعم بواسطة : <a href="http://www.gulfup.com/" target="_blank" title="مركز تحميل">مركز الخليج</a></p>
<!-- end gulfup.com -->
</body>
</html>


واحفظ الملف بترميز utf-8


ثم تنشأ مجلد جديد باسم images لنضع به ايقونة مركز التحميل التي ستظهر في تولبار المحرر
look/ckeditor/plugins/file_upload/images

بداخل مجلد images ترفع ايقونة باسم file_upload.gif ويفضل ان تكون ابعاد الأيقونة  16*16 بكسل (الارتفاع*العرض)
look/ckeditor/plugins/file_upload/images/file_upload.gif


ثم تتجه للوحة الإدارة وتحرر قالب : editor_js
وتبحث عن :

config.extraPlugins = 'code,quote,youtube';


وتستبدله بـ :

config.extraPlugins = 'code,quote,youtube,file_upload';




ثم تبحث عن :

['Flash','-','Image','-', 'Smiley','-','rplayer','youtube'],


وتستبدله بـ :

['Flash','-','Image','-', 'Smiley','-','rplayer','youtube','file_upload'],




انتهى ..



لتعديل او إستبدال او اضافة كود لمركز تحميل آخر افتح ملف الـ HTML
look/ckeditor/plugins/file_upload/dialogs/file_upload.html

واستبدل الكود والذي يبدأ من

<!-- start gulfup.com -->


وينتهي بـ

<!-- end gulfup.com -->




تمت اضافة ملفات تطبيق الشرح بالمرفقات
 
 
  file_upload.zip   تحميل zip مرات التحميل :(15)
الحجم :(2.527) KB



تم تحرير المشاركة بواسطة :Soliman
بتاريخ:01-04-2015 06:36 مساء


01-04-2015 01:02 مساء
مشاهدة مشاركة منفردة [3]
دهباوي
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 07-08-2012
رقم العضوية : 2358
المشاركات : 105
الجنس : ذكر
تاريخ الميلاد : 10-10-1985
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 100
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
حاولت التجربة ولكن يختفي المحرر عند تجربتة

01-04-2015 01:19 مساء
مشاهدة مشاركة منفردة [4]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 10317
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 44
يتابعهم : 12
يتابعونه : 50
قوة السمعة : 62386
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
تم تعديل الشرح ليتاسب مع آخر التحديث
فقط أعد خطوة التعديل السابقة على قالب : editor_js

01-04-2015 01:44 مساء
مشاهدة مشاركة منفردة [5]
دهباوي
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 07-08-2012
رقم العضوية : 2358
المشاركات : 105
الجنس : ذكر
تاريخ الميلاد : 10-10-1985
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 100
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
المشاركة الأصلية كتبت بواسطة: Soliman »
تم تعديل الشرح ليتاسب مع آخر التحديث
فقط أعد خطوة التعديل السابقة على قالب : editor_js


تم التجربة مرة اخري مع تحميل الملفات مرة اخري
ولكن المحرر لم يظهر


01-04-2015 06:34 مساء
مشاهدة مشاركة منفردة [6]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 10317
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 44
يتابعهم : 12
يتابعونه : 50
قوة السمعة : 62386
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
آسف نسيت احدث الملفات في الموضوع
يرجى تحميلها وإعادة تحديثها من جديد


الصفحة 1 من 2 < 1 2 > الأخيرة »

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[أستفسار] كيف اضيف خاصية صورة غلاف الملف الشخصي للاستايلات 3.0.2 عبدالاله الهذلي
13 305 Mr King
[مجابه] كيف اضيف اعلان ادسنس في القائمة الجانبية dayday
4 296 Mr King
عايز اضيف بدل اسم القسم صورة trans
3 247 trans
[مجابه] كيف اضيف نوع خط جديد في محرر المنتدى؟ سناء
10 519 Soliman
كيف اضيف اكثر من صورة شخصية منتدى الخبير
3 261 منتدى الخبير

الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 11:04 مساء