gol
gol

hardy

خسته شو گر مرهمی می‌بایدت

دم مزن گر همدمی می‌بایدت

تا در اثباتی تو بس نامحرمی

محو شو گر محرمی می‌بایدت
«عطار نیشابوری»

×

توجه : دو ارسال نخستِ کاربرانِ جدید در تالار میدوری , پیش از نمایش , نیاز به تایید مدیریت دارند.

Latest Threads  آخرین ارسال ها :
نمایش آخرین ارسال این موضوع
 
امتیاز موضوع:
  • 10 رأی - میانگین امیتازات : 3
  • 1
  • 2
  • 3
  • 4
  • 5
 
  
1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان
نویسنده:میدوری
آخرین ارسال:میدوری
پاسخ: 6
بازدید: 8349
subscription
quickreply advancequickreply report



( MyBB ) اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4
  نویسنده پیام  | تغییر اندازه ی متن:  zoomin zoomout default
admin میدوری profile  
آنلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات میدوری


تاریخ عضویت: 05 November 2011

ارسال ها: 1,732
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
ارسال: #1
MYBB اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4

rightarrow
اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4

آگهی
متن پیام :
نگارش نهایی این آموزش را در اینجا ببینید.
برای استفاده در نگارش 1.8.7 به اینجا بروید .



برای اضافه کردن دکمه به اديتور جديد مای بی بی هرجایی روشی داده شده ولی در آزمایش های من چیزی دست کاربران را نگرفته و به همین خاطر در صدد راهی برای آن برآمدم که نتیجه ی خوبی هم داشت و به هدف رسیدم . برای اضافه کردن دکمه به ادیتور جدید (1.8.4) مای بی بی نخست تصویر و فیلم های زیر را ببینید و در صورت نیاز و علاقه مند شدن , گام های مربوطه را انجام دهید .
تصویر نمونه:
image

فیلم های نمونه:











یادداشت
متن پیام :
این روش در مای بی بی 1.8.4 انجام شده و درست کار میکند . توجه داشته باشید که پس از ایجاد دکمه , مای کد لازم را هم باید درست کنید .




گام نخست: در روت سایتتان بروید و فایل jscripts/bbcodes_sceditor.js را باز کنید و کدهای زیر پیدا کنید :

کد HTML:
$.sceditor.command.set('video',


سپس کدهای زیر را پیش از کدهای بالا قرار دهید:

کد HTML:
/* + Midori + */ $.sceditor.command.set('midori', {
/* + Midori + */ _dropDown: function (editor, caller) {
/* + Midori + */ var $content;
/* + Midori + */ $content = $(
/* + Midori + */ '<div>' +
/* + Midori + */ '<label for="midori">' + editor._('midori') + '</label> ' +
/* + Midori + */ '<input type="text" id="midori" />' +
/* + Midori + */ '</div>' +
/* + Midori + */ '<div><input type="button" value="' + editor._('Insert') + '" /></div>'
/* + Midori + */ );
/* + Midori + */ $content.find('.button').click(function (e) {
/* + Midori + */ var    val = $content.find('#midori').val();
/* + Midori + */ if(val) {
/* + Midori + */ editor.focus();
/* + Midori + */ editor.insert('[midori]'+val+'[/midori]');
/* + Midori + */ editor.closeDropDown(true);
/* + Midori + */ e.preventDefault();
/* + Midori + */ }
/* + Midori + */ });
/* + Midori + */ editor.createDropDown(caller, 'midori', $content);
/* + Midori + */ },
/* + Midori + */ exec: function (caller) {
/* + Midori + */ $.sceditor.command.get('midori')._dropDown(this, caller);
/* + Midori + */ },
/* + Midori + */ txtExec: function (caller) {
/* + Midori + */ $.sceditor.command.get('midori')._dropDown(this, caller);
/* + Midori + */ },
/* + Midori + */ tooltip: 'Midori'
/* + Midori + */ });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29


توجه
متن پیام :
در تمام کدهای بالا بجای midori از نام مورد نیاز خودتان استفاده کنید و خط 28 , که عنوان کلید است را با نام خودتان به پارسی نوشته و فایل را با فرمت UTF-8 ذخیره کنید .




نتیجه ی کدهای بالا می شود: [midori]http://www.midorinco.ir/[/midori]
برای حالت دوم که میتواند وارد کردن مقداری هم باشد خط 15 را با کدهای زیر جایگزین کنید:

کد HTML:
/* + Midori + */ editor.insert('[midori='+val+']', '[/midori]');

که نتیجه میشود: [midori=200x500]http://www.midorinco.ir/[/midori] و یا [midori=20]http://www.midorinco.ir/[/midori]

گام دوم: به مسیر jscripts/sceditor/editor_themes/mybb.css بروید و فایل mybb.css را باز کنید و کدهای زیر را پیدا کنید :

کد HTML:
/* Additional buttons (for MyBB) */
.sceditor-button-video div  {
  background-image: url(video.png);
}


و پس از کدهای بالا کدهای زیر را اضافه کنید:

کد HTML:
/* + Midori + */ .sceditor-button-midori div  {
/* + Midori + */ background-image: url(midori.png);
/* + Midori + */ }


گام سوم: به مسیر زیر بروید و متغیر زیر را پیدا کنید:
کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > قالب مورد نظر > قالب های گروه بندی نشده > بخش codebuttons

کد HTML:
{$code}quote|

و سپس با کدهای زیر جایگزین کنید:

کد HTML:
{$code}quote|midori|


یادداشت
متن پیام :
اگر میخواهید دکمه ها بهم وصل شوند از تایپ "|" خودداری کنید و اگر می خواهید جدا از دیگر دکمه ها قرار بگیرد تایپ کنید. در صورتیکه می خواهید چسبیده باشد از کاما استفاده کنید که میشود:

کد HTML:
{$code}quote,midori|





گام چهارم: تصویر مورد نظر خودتان را در مسیر زیر:

کد HTML:
jscripts/sceditor/editor_themes

آپلود کنید . (برای نمونه تصویری پیوست کرده ام) ==> attachment   
کار تمام است . امید که بکار بیاید .




امضای میدوری :
[تصویر: mvd09b5.gif]
[تصویر: midori-sign-400.png]
( آخرین ویرایش در این ارسال: 03 - August - 2016 21 : 03 PM، توسط : میدوری .::. دلیل ویرایش: ويرايش کدها ی پايانی .)
محل حضور کاربر در تالار :  admin میدوری مکان نا معلوم است .     زمان حضور :  34 : 11 PM
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

 1 کاربر  (لیست)
 1 کاربر
برچسب ها :

27 - March - 2015 29 : 02 PM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ
admin میدوری profile  
آنلاین
مدیر کل تالار
مدالهای میدوری1000500
1001011720
168241051
دسترسی به میدوری
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر مشاهده وب سایت کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات میدوری


تاریخ عضویت: 05 November 2011

ارسال ها: 1,732
شماره کاربری: 1
میزان اعتبار:

محل سکونت: تهران
ماه تولد:
جنسيت:
تماس با میدوری
حالت میدوری
صفحه های میدوری
گوگل پلاس فیس بوک توییتر یوتیوب کلوب
اینستاگرام تلگرام
ارسال: #2
minioni RE: اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4

rightarrow
اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4 (نگارش نهایی)
با کمی تغییرات به نتیجه ی نهایی رسیدم که شد مطابق با تصویرهای پیوستی .

تصویرهای نمونه:
image image

اگر خواستید کدهای زیر را استفاده کنید .

کد HTML:
/* + Midori + */ $.sceditor.command.set('midori', {
/* + Midori + */ _dropDown: function (editor, caller) {
/* + Midori + */ var $content;
/* + Midori + */ $content = $(
/* + Midori + */ '<div>' +
/* + Midori + */ '<label for="midori">' + editor._('میدوری') + '</label> ' +
/* + Midori + */ '<input type="text" id="midori" />' +
/* + Midori + */ '</div>' +
/* + Midori + */ '<div>' +
/* + Midori + */ '<label for="link">' + editor._('آدرس لینک:') + '</label> ' +
/* + Midori + */ '<input type="text" id="midoriurl" value="http://" />' +
/* + Midori + */ '</div>' +
/* + Midori + */ '<div><input type="button" value="' + editor._('Insert') + '" /></div>'
/* + Midori + */ );
/* + Midori + */ $content.find('.button').click(function (e) {
/* + Midori + */ var    val = $content.find('#midori').val();
/* + Midori + */ midoriurl  = $content.find('#midoriurl').val();
/* + Midori + */ if(val) {
/* + Midori + */ editor.focus();
/* + Midori + */ editor.insert('[midori='+val+']'+midoriurl+'[/midori]');
/* + Midori + */ editor.closeDropDown(true);
/* + Midori + */ e.preventDefault();
/* + Midori + */ }
/* + Midori + */ });
/* + Midori + */ editor.createDropDown(caller, 'midori', $content);
/* + Midori + */ },
/* + Midori + */ exec: function (caller) {
/* + Midori + */ $.sceditor.command.get('midori')._dropDown(this, caller);
/* + Midori + */ },
/* + Midori + */ txtExec: function (caller) {
/* + Midori + */ $.sceditor.command.get('midori')._dropDown(this, caller);
/* + Midori + */ },
/* + Midori + */ tooltip: 'میدوری'
/* + Midori + */ });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

باقی ماجرا هم همان است که در پست نخست توضیح دادم .
پرسش ها را در همین موضوع پاسخ خواهم داد و برای استفاده ی همگان از پرسش های خصوصی خودداری کنید . Cool




امضای میدوری :
[تصویر: mvd09b5.gif]
[تصویر: midori-sign-400.png]
( آخرین ویرایش در این ارسال: 29 - March - 2015 49 : 12 AM، توسط : میدوری .::. دلیل ویرایش: ويرايش کدها ی پايانی .)
محل حضور کاربر در تالار :  admin میدوری مکان نا معلوم است .     زمان حضور :  34 : 11 PM
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

 1 کاربر  (لیست)
 1 کاربر
29 - March - 2015 37 : 12 AM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ
member farshid142 profile  
آفلاین
کاربر تالار
مدالهای farshid1421051
دسترسی به farshid142
ارسال یک ایمیل به این کاربر ارسال یک پیام خصوصی به این کاربر یافتن تمامی ارسال های این کاربر اعتبار:
اطلاعات farshid142


تاریخ عضویت: 01 February 2015

ارسال ها: 6
شماره کاربری: 1439
میزان اعتبار:
تماس با farshid142
حالت farshid142
صفحه های farshid142

ارسال: #3
RE: اضافه کردن دکمه به ادیتور SCEditor مای بی بی 1.8.4

rightarrow
ببخشید چطور میتونم دکمه آپارت بجای این دکمه ک در عکس قرار دادم بزارم؟ یعنی میخام کلا همچیو اون دکمه برداشته بشه و بجاش اپارات باشه

[تصویر: 1470122098111.jpg]




( آخرین ویرایش در این ارسال: 02 - August - 2016 20 : 05 PM، توسط : میدوری .::. دلیل ویرایش: دلیلی نوشته نشده است .)
محل حضور کاربر در تالار :  member farshid142 در تالار ميدوری حضور ندارد .
ديدگاه کاربران برای مطلب : help (روی آیکون مورد نظر کلیک کنید تا دیدگاه شما ثبت شود . در صورت انصراف تا دوبار می توانید دیدگاه خود را ثبت کنید . برای پاک کردن دیدگاه روی همان آیکون یک بار کلیک کنید تا دیدگاه شما پاک شود .)

02 - August - 2016 46 : 10 AM
اعتبار: اهدای موجودی بــانــکــ نقل قول این ارسال در یک پاسخ


subscription
quickreply advancequickreply report

موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
MYBB mybb [1.8] اضافه کردن ساید بار به انجمن ساز مای بی بی میدوری 8 2,504 01 - January - 2017 39 : 06 PM
آخرین ارسال: hp618
MYBB mybb آموزش کشویی کردن انجمن ها میدوری 4 823 01 - January - 2017 52 : 01 PM
آخرین ارسال: میدوری
MYBB mybb [1.8] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 2 1,216 15 - May - 2016 51 : 05 PM
آخرین ارسال: میدوری
MYBB mybb [1.6] اضافه کردن آمار گرافیکی و متحرک به بخش آمار انجمن میدوری 0 638 14 - May - 2016 21 : 08 PM
آخرین ارسال: میدوری
Heart mybb درست کردن ساید بار بدون پلاگین و کوئری فقط با CSS میدوری 2 1,580 07 - January - 2016 07 : 11 PM
آخرین ارسال: میدوری

بازديدکنندگان از موضوع
کاربرانی که از موضوع بازدید کرده اند ( 12 ) کاربر

ابزار موضوع



1 کاربر حاضر در تاپیک: (0 عضو, و 1 مهمان). 1 مهمان