هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش جامع قرار دادن دکمه بانک برای ادیتور Ckeditor
#1
آموزش نحوه ی گذاشتن دکمه ی بانک در ادیتور Ckeditor

برای اضافه کردن دکمه طبق آموزش زیر پیش بروید .
یک پوشه به نام payment در مسیر ckeditor/plugins ایجاد کرده و فایل جاوا اسکریپت به نام plugin.js ایجاد کرده و کدهای زیر را در آن قرار بدهید .





کد:
CKEDITOR.plugins.add( 'payment', {
icons: 'payment',
init: function( editor ) {
editor.addCommand( 'payment', new CKEDITOR.dialogCommand( 'paymentDialog' ));
editor.ui.addButton( 'payment', {
label: 'افزودن محصول',
command: 'payment',
toolbar: 'insert'
});

CKEDITOR.dialog.add( 'paymentDialog', this.path + 'dialogs/payment.js' );
}

});

یک پوشه دیگر با نام dialogs در مسیر ckeditor/plugins ایجاد کنید و فایل جاوا اسکریپت به نام payment.js ایجاد کرده و کدهای زیر را در آن قرار بدهید .




کد:
CKEDITOR.dialog.add( 'paymentDialog', function ( editor ) {
return {
title: 'افزودن محصول',
minWidth: 500,
minHeight: 140,

contents: [
{
id: 'tab-basic',
label: 'افزودن',
elements: [
// UI elements of the first tab will be defined here
{
type: 'html',
html: '<p>قیمت محصول به تومان :</p>'
},
{
type: 'text',
id: 'price',
style: 'width:95px'
},
{
type: 'html',
html: '<p>توضیحاتی در مورد محصول بنویسید</p>'
},
{
type: 'textarea',
id: 'comment',
'default': ' متنهایی را که می خواهید قیمت گذاری کنید در این قسمت بنویسید . ارزش مطلب قیمت گذاری شده شما نباید کمتر از 500 تومان باشد . می توانید متنها را بعدا با ادیتور ویرایش کنید .'
},
{
type: 'html',
html: '<p> </p>'
}
]
}
],
onOk: function() {
var dialog = this;
editor.insertText( '[payment='+dialog.getValueOf( 'tab-basic', 'price' )+']'+dialog.getValueOf( 'tab-basic', 'comment' )+'[/payment]' );
}
};
});


یک پوشه دیگر با نام icons در مسیر ckeditor/plugins ایجاد کنید و تصویر 16 در 16 به نام payment.png [تصویر:  payment.png] را در آن قرار بدهید .

حالا در مسیر MYBBRooT/inc/plugins فایلmybbirckeditor.php رو باز کرده.

و کد زیر رو پیدا کنید:

کد:
$codebuttons .= "magicline,code,videos',

به کد زیر تبدیل کنید:

کد:
$codebuttons .= "payment,magicline,code,videos',

و کد زیر رو بیابید:

کد:
[ 'Link', 'Unlink', '-', 'Image', 'Smiley'],

و به کد زیر تبدیل کنید:


کد:
[ 'Link', 'Unlink', '-', 'Image', 'Smiley', '-', 'payment'],
سپس فایل را ذخیره کرده و وارد کنترل پنل انجمن خودتان بشوید

و بعد بر روی پیکربندی کلید کنید . عبارت زیر را بیابید :

تنظیمات پلاگین CKEditor (25 تنظیم)

روی آن کلیک کنید . در کادر کد تولبار ویرایشگر کامل کد زیر رو بیابید:


کد:
[ 'Link', 'Unlink', '-', 'Image', 'Smiley'],

و به کد زیر تبدیل کنید:


کد:
[ 'Link', 'Unlink', '-', 'Image', 'Smiley', '-', 'payment'],

و در آخر ذخیره تنظیمات را بزنید .

یک بار کل صفحه انجمن را رفرش کنید یا کش مرورگرتان را پاک کنید تا دکمه بانک افزوده شود .


منبع : http://www.sepna.com/thread-631.html
پاسخ
 سپاس شده توسطمیدوری (۱۳۹۳/۳/۱، ۰۰:۲۸:۴۴ صبح) ، mahdionline (۱۳۹۳/۳/۱، ۱۴:۱۳:۵۳ عصر)
#2
سلام
خیلی وقته به دنبال راهی برای اضافه کردن دکمه به این ادیتور هستم. مشابه این آموزش هم در سایت دیگری از mybb که وطنی هست دیدم.
پلاگین :
http://community.mybbiran.com/thread-13122.html

با پلاگینی که تو اون سایت mybb وطنی هست ، تفاوت داره.

این آموزشی هم که شما قرار دادید مربوط به اون پلاگین هست.(مشابه این آموزش در همون سایت هست)

به دنبال آموزش برای اضافه کردن دکمه به این ادیتور هستم:
http://community.mybbiran.com/thread-13122.html
پاسخ
#3
من زیاد با این ادیتور کار نکردم . لینکهای زیر را مطالعه کنید

کد:
$.sceditor.command.set("payment", {
    exec: function() {
    this.insert("payment");
    },
    txtExec: function() {
    this.insert("payment");
    },
    tooltip: "افزودن محصول"
    });

و افزودن تصویر دکمه در css

کد:
.sceditor-button-[name] div { background: url('/images/payment.png'); }

http://www.sceditor.com/documentation/custom-commands/
http://www.sceditor.com/documentation/custom-bbcodes/
http://community.mybb.com/thread-140420.html
http://www.sceditor.com/posts/how-to-add...-commands/
پاسخ
#4
بیشتر این لینک ها را قبلا دیدم و در سایت مرجع هم توضیحاتی هست اما خیلی پیچیده هست و یه اشتباه کوچک در تغییرات ممکنه ادیتور مختل کنه.
ادیتور دیگه ای هم فعلا در دسترس نیست. احتمالا باید منتظر باشیم تا در نسخه های بعدی mybb یه ادیتور کامل را ببینیم.
پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۴۸:۱۱ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۰:۳۶ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۰۹:۵۳ عصر)


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش قرار دادن بنر کنار هم Pars 62 67,877 ۱۳۹۳/۱۲/۱۹، ۱۲:۰۷:۳۱ عصر
آخرین ارسال: firstboy000
Thumbs Up آموزش قرار دادن تبلیغات در کنار هدر Amin Yaghubi 10 10,388 ۱۳۹۳/۷/۱۶، ۱۸:۱۵:۰۶ عصر
آخرین ارسال: firstboy000
  آموزش کامل قرار دادن آخرین ارسالهای mybb در وردپرس zohair 168 148,699 ۱۳۹۳/۴/۸، ۱۴:۵۳:۳۵ عصر
آخرین ارسال: firstboy000
Thumbs Up آموزش قرار دادن آمار آلکسا در فوتر Amin Yaghubi 4 3,693 ۱۳۹۳/۱/۲۱، ۲۰:۴۶:۱۰ عصر
آخرین ارسال: avacs
Music {آموزش} قرار دادن "موزیک من" در پروفایل (اختصاصی PnuForums) Webmaster 70 53,049 ۱۳۹۲/۱۲/۱۴، ۰۹:۲۸:۱۰ صبح
آخرین ارسال: ahmad65
Wink [برای 1.6] آموزش قرار دادن پلیر (موزیک) در پست بیت AR@KST@R 15 16,290 ۱۳۹۲/۸/۱۹، ۰۱:۴۳:۲۱ صبح
آخرین ارسال: Pars
  آموزش قرار دادن ورود سریع h0mayun 14 12,933 ۱۳۹۱/۳/۱۲، ۰۱:۳۰:۲۳ صبح
آخرین ارسال: mhy

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان