آموزش جامع قرار دادن دکمه بانک برای ادیتور Ckeditor

[salehkhan]

آموزش نحوه ی گذاشتن دکمه ی بانک در ادیتور 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 را در آن قرار بدهید .

حالا در مسیر 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