برای اینکار دوتا کار باید کرد اول اینکه یه پوشه بسازیم به نا دلخواه simplebutton
درون اون پوشه یه فایل js با نام Config.js درست کنیم و مقادیر زیر رو درونش کپی کنیم
CKEDITOR.plugins.add( 'simplebutton', {
init: function( editor ) {
editor.addCommand( 'simplebutton', new CKEDITOR.dialogCommand( 'simplebuttonDialog' ) );
editor.ui.addButton( 'simplebutton', {
label: 'Simple Button',
command: 'simplebutton',
icon: this.path + 'images/simplebutton.png'
});
editor.on( 'doubleclick', function( evt ) {
var element = evt.data.element;
if ( element.hasClass('simple-button-plugin') ) {
evt.data.dialog = 'simplebuttonDialog';
}
});
CKEDITOR.dialog.add( 'simplebuttonDialog', this.path + 'dialogs/simplebutton.js' );
}
});
بعد داخلش یه پئشه با نام images میسازیم و و یه عکس با نام simplebutton.png داخلش میذاریم
و داخل همون پوشه یه پوشه با نام dialogs میاسزیم و فایل های JS که قرار کاری انجام بدن رو میذاریم اونتو
و در نهایت در داخل فایل config.js تیکه کد زیر رو قرار میدیم config.extraPlugins = 'simplebutton';
برای جایگذاری کردن متن در محلی که نشان گر موس قرار داره هم کد زیر کفایت میکنه
var a = document.getElementById('txt_test').value;
CKEDITOR.instances['editor'].insertText(a);