• Descrição:

Olá pessoal.


Queria saber, como colocar, um botão na barra de ferramentas de bbcode, para que quando clicasse aparecesse da seguinte maneira: 


É possivel fazer isso? 

• Informações:

Código:

jQuery(document).ready(function(){
$('a[title="Transferir o modo de edição"]').after("<span style='margin-left: 4px;top: 15px;font-size: 16px;position: relative !important;' onclick='duclick();'>C</span");
function duclick() {
var x = $('#textarea_content div textarea').val();
var y = "[img]http://i.imgur.com/YwV6Hvv.png[/img]"
 $('#textarea_content div textarea').val(x + y);};

});

Spoiler:

Código:

$(document).on('ready', function() {
$('head').append(
'<style type="text/css">' +
'.box_organize {' +
'border: 1px solid #00a5cd;' +
'font-size: 1.8em;' +
'margin: 0px 0px 5px 15px;' +
'color: #00a5cd;' +
'padding: 18px 5px 5px 30px;' +
'background: white url(http://2img.net/i/fa/admin/puce.png) no-repeat;' +
'height: 40px;' +
'}' +
'</style>'
);
$('<a class="sceditor-button sceditor-button-box" unselectable="on" title="Box"><div unselectable="on" style="background-image:url(https://cdn2.iconfinder.com/data/icons/snipicons/5000/circle-arrow-right-16.png)">Box</div></a>').insertBefore('.sceditor-button-quote').click(function(){
        $('#text_editor_textarea').sceditor('instance').insertText('[table class="box_organize"][tr][td]','[/td][/tr][/table]');
});
});

Código:

:seta2:

Código:

$(document).on('ready', function() {
if(_userdata["user_level"] === 1 || _userdata["user_level"] === 2) {
$('head').append(
'<style type="text/css">' +
'.box_organize {' +
'border: 1px solid #00a5cd;' +
'font-size: 1.8em;' +
'margin: 0px 0px 5px 15px;' +
'color: #00a5cd;' +
'padding: 18px 5px 5px 30px;' +
'background: white url(http://2img.net/i/fa/admin/puce.png) no-repeat;' +
'height: 40px;' +
'}' +
'</style>'
);
$('<a class="sceditor-button sceditor-button-box" unselectable="on" title="Box"><div unselectable="on" style="background-image:url(https://cdn2.iconfinder.com/data/icons/snipicons/5000/circle-arrow-right-16.png)">Box</div></a>').insertBefore('.sceditor-button-quote').click(function(){
        $('#text_editor_textarea').sceditor('instance').insertText('[table class="box_organize"][tr][td]','[/td][/tr][/table]');
});
}
});