logo

أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

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

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




موضوع مغلق


03-09-2014 02:46 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 09-08-2014
رقم العضوية : 5650
المشاركات : 202
الجنس :
قوة السمعة : 240
موقعي : زيارة موقعي
كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
شباب ممكن طريقة اضافة زر عند كتابة الموضوع مثلاً تضغط على زر مركز تحميل يفتح لك نافذة مصغره لمركز تحميل او اي موقع ثاني


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

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


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

look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
  04-09-2014 03:32 مساءً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12515
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73656
موقعي : زيارة موقعي
لإضافة ايقونة لمحرر ckeditor المستخدم بالمنتدى تعمل على فتح نافذة جديدة بتضمين صفحة هتمل يوجد بها كود مركز تحميل خارجي مثلاً
تكون الطريقة كالتالي :
تضيف plugin جديد بداخل مجلد plugins الموجود على المسار التالي
CODE
look/ckeditor/plugins/

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

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

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

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

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

CODE
( 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
CODE
look/ckeditor/plugins/file_upload/dialogs

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

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

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

CODE
<!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-**="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" />
	<input type="submit" id="submitr_files" style="font: normal 11px tahoma;" name="submitr" value="[ رفع ]"  />
	</form>
	<br /
	</div>
	<p dir="rtl"> دعم بواسطة : <a href="http://www.gulfup.com/" target="_blank" title="مركز تحميل">مركز الخليج</a></p>
	<!-- end gulfup.com -->
	</body>
	</html>
	
	

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


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

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


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

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


وتستبدله بـ :

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




ثم تبحث عن :

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


وتستبدله بـ :

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




انتهى ..



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

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

CODE
<!-- start gulfup.com -->


وينتهي بـ

CODE
<!-- end gulfup.com -->




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



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


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

look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
  01-04-2015 01:19 مساءً   [4]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12515
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73656
موقعي : زيارة موقعي
تم تعديل الشرح ليتاسب مع آخر التحديث
فقط أعد خطوة التعديل السابقة على قالب : editor_js

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

look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
  01-04-2015 06:34 مساءً   [6]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12515
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73656
موقعي : زيارة موقعي
آسف نسيت احدث الملفات في الموضوع
يرجى تحميلها وإعادة تحديثها من جديد

look/images/icons/i1.gif كيف اضيف زر مركز تحميل خارجي لمحرر المنتدى ckeditor
  01-04-2015 07:31 مساءً   [7]
معلومات الكاتب ▼
تاريخ الإنضمام : 07-08-2012
رقم العضوية : 2358
المشاركات : 116
الجنس :
تاريخ الميلاد : 10-10-1985
قوة السمعة : 100
موقعي : زيارة موقعي
المشاركة الأصلية كتبت بواسطة: Soliman آسف نسيت احدث الملفات في الموضوع
يرجى تحميلها وإعادة تحديثها من جديد
بالفعل بعد تحديث الملفات نجح الامر

لك كل الشكر و التقدير استاذنا الغالي



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
محتاج اضيف محرر sceditor ahmedothman
15 93 Soliman
قمت بتغيير شكل المنتديات في ستايل اوركيد المحدث كيف يمكنني ان اضيف rss اليها جنرال الحب
2 306 جنرال الحب
شرح ازي اضيف قراء جدد صوتيات في سكربت اسلامي تكملة الشرح السابق BlackCat2014
0 268 BlackCat2014
[أستفسار] كيف اضيف خاصية صورة غلاف الملف الشخصي للاستايلات 3.0.2 عبدالاله الهذلي
13 2526 Mr King
[مجابه] كيف اضيف اعلان ادسنس في القائمة الجانبية dayday
4 1303 Mr King

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









الساعة الآن 10:31 AM