A simple way to adding a button in SCEditor. Tested in Mybb 1.8.4 .
First of all see Screenshots .
![Big Grin]( "Big Grin")
1 : go to jscripts/bbcodes_sceditor.js
open it and find
and add before that
*change "midori" with your button name.
2 : go to jscripts/sceditor/editor_themes/mybb.css
and find
add below codes after that
3 : go to "codebuttons" template
and find
replace below codes with that
4 : in finally upload your image in 16x16 size in jscripts/sceditor/editor_themes folder
image for test:
![.png]( "PNG Image")
midori.png (Size: 808 bytes / Downloads: 35)
5 : now you can make your Mycode for your editor.
That's it .![Heart]( "Heart")
source : http://www.midorinco.ir/showthread.php?tid=1602
First of all see Screenshots .
===============
![.png]( "PNG Image")
2015-03-29_012521.png (Size: 5.01 KB / Downloads: 12)
![.png]( "PNG Image")
2015-03-29_012512.png (Size: 7.58 KB / Downloads: 9)
===============
If you want this button then you must work step by step with me 
2015-03-29_012521.png (Size: 5.01 KB / Downloads: 12)
2015-03-29_012512.png (Size: 7.58 KB / Downloads: 9)
===============
1 : go to jscripts/bbcodes_sceditor.js
open it and find
PHP Code:
$.sceditor.command.set('video',
PHP Code:
/* + Midori + */ $.sceditor.command.set('midori', {
/* + Midori + */ _dropDown: function (editor, caller) {
/* + Midori + */ var $content;
/* + Midori + */ $content = $(
/* + Midori + */ '<div>' +
/* + Midori + */ '<label for="midori">' + editor._('Name') + '</label> ' +
/* + Midori + */ '<input type="text" id="midori" />' +
/* + Midori + */ '</div>' +
/* + Midori + */ '<div>' +
/* + Midori + */ '<label for="link">' + editor._('Link:') + '</label> ' +
/* + Midori + */ '<input type="text" id="midoriurl" value="http://" />' +
/* + Midori + */ '</div>' +
/* + Midori + */ '<div><input type="button" class="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'
/* + Midori + */ });
*change "midori" with your button name.
2 : go to jscripts/sceditor/editor_themes/mybb.css
and find
PHP Code:
/* Additional buttons (for MyBB) */
.sceditor-button-video div {
background-image: url(video.png);
}
add below codes after that
PHP Code:
/* + Midori + */ .sceditor-button-midori div {
/* + Midori + */ background-image: url(midori.png);
/* + Midori + */ }
3 : go to "codebuttons" template
and find
PHP Code:
{$code}quote|
replace below codes with that
PHP Code:
{$code}quote|midori|
4 : in finally upload your image in 16x16 size in jscripts/sceditor/editor_themes folder
image for test:
midori.png (Size: 808 bytes / Downloads: 35)
5 : now you can make your Mycode for your editor.
That's it .
source : http://www.midorinco.ir/showthread.php?tid=1602