۱۳۹۳/۲/۳۱، ۲۳:۰۲:۰۱ عصر
آموزش نحوه ی گذاشتن دکمه ی بانک در ادیتور Ckeditor
برای اضافه کردن دکمه طبق آموزش زیر پیش بروید .
یک پوشه به نام payment در مسیر ckeditor/plugins ایجاد کرده و فایل جاوا اسکریپت به نام plugin.js ایجاد کرده و کدهای زیر را در آن قرار بدهید .
یک پوشه دیگر با نام dialogs در مسیر ckeditor/plugins ایجاد کنید و فایل جاوا اسکریپت به نام payment.js ایجاد کرده و کدهای زیر را در آن قرار بدهید .
یک پوشه دیگر با نام icons در مسیر ckeditor/plugins ایجاد کنید و تصویر 16 در 16 به نام payment.png را در آن قرار بدهید .
حالا در مسیر MYBBRooT/inc/plugins فایلmybbirckeditor.php رو باز کرده.
و کد زیر رو پیدا کنید:
به کد زیر تبدیل کنید:
و کد زیر رو بیابید:
و به کد زیر تبدیل کنید:
سپس فایل را ذخیره کرده و وارد کنترل پنل انجمن خودتان بشوید
و بعد بر روی پیکربندی کلید کنید . عبارت زیر را بیابید :
تنظیمات پلاگین CKEditor (25 تنظیم)
روی آن کلیک کنید . در کادر کد تولبار ویرایشگر کامل کد زیر رو بیابید:
و به کد زیر تبدیل کنید:
و در آخر ذخیره تنظیمات را بزنید .
یک بار کل صفحه انجمن را رفرش کنید یا کش مرورگرتان را پاک کنید تا دکمه بانک افزوده شود .
منبع : http://www.sepna.com/thread-631.html
برای اضافه کردن دکمه طبق آموزش زیر پیش بروید .
یک پوشه به نام 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