Novo botão no SCEditor

Detalhes da questão

Endereço do fórum: http://naruto-survival.forumeiros.com/
Versão do fórum: PhpBB2

Descrição

Olá, gostaria do code desse botão para o SCEditor:

Spoiler:

Forum que vi: http://narutorpgakatsuki.com.br/

Só quero o code, irei fazer modificações para não ficar igual o deles e não parecer plagio

Boa tarde.

Poderia nos fornecer uma conta-teste no fórum citado? (o que contém o botão)

Atenciosamente,
Fraise.

Sim, mandei uma mp com a conta

Não recebi nada... Poderia checar se enviou corretamente?

Atenciosamente.

Putz, cliquei e nao tinha ido kkk enfim, agora foi

Sem problema, acontece. Aceda a Painel de Controle Módulos HTML & JavaScript Gestão dos códigos JavaScript e crie um novo JavaScript com o investimento marcado Em todas as páginas:

Código:

$(document).on('ready', function() {
    if (!$.sceditor) return;
    var content = $('<div class="sceditor-dropdown sceditor-drop-personagem" style="display: none;">' + '  <div>' + '    <label>Nome do personagem:</label>' + '    <input type="text" id="pers_val" value="" />' + '  </div>' + '  <div>' + '    <label>HP:</label>' + '    <input type="text" id="hp_val" placeholder="0000/0000" value="" />' + '  </div>' + '  <div>' + '    <label>CH:</label>' + '    <input type="text" id="ch_val" placeholder="0000/0000" value="" />' + '  </div>' + '  <div>' + '    <label>ST:</label>' + '    <input type="text" id="st_val" placeholder="0000/0000" value="" />' + '  </div>' + '  <div>' + '    <input type="button" class="button" value="Inserir" onclick="addPersonagem()">' + '  </div>' + '</div>');
    $('body').append(content);
    $('.sceditor-button-quote').before($('<a>', {
        class: 'sceditor-button sceditor-button-personagem',
        title: 'Adicionar personagem',
        onclick: 'togglePers(this)'
    }).html('<div style="background-image:url(http://i.imgur.com/5O31aYR.png);opacity: 1;">Personagem</div>'))
});

function togglePers(bs) {
    var box = $('.sceditor-drop-personagem');
    if (box.is(':visible')) {
        box.hide()
    } else {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    }
};

function addPersonagem() {
    var box = $('.sceditor-drop-personagem'),
        nome = box.find('#pers_val').val(),
        hp = box.find('#hp_val').val(),
        ch = box.find('#ch_val').val(),
        st = box.find('#st_val').val(),
        content = '',
        editor = $('#text_editor_textarea').sceditor('instance');
    if (nome.length > 0) {
        content = '[b][color=#000000]' + nome + ':[/color][/b]'
    }
    if (hp.length > 0) {
        content = content + '\n[img]http://i.imgur.com/lS23svT.png[/img][b][color=#FF0000]HP:[/color][/b] ' + hp
    }
    if (ch.length > 0) {
        content = content + '\n[img]http://i.imgur.com/xQKY0.png[/img][b][color=#006AFF]CH:[/color][/b] ' + ch
    }
    if (st.length > 0) {
        content = content + '\n[img]http://i.imgur.com/lCwG1.png[/img][b][color=#FF9500]ST:[/color][/b] ' + st
    }
    if (content != '') {
        editor.insertText(content);
        box.find('input[type="text"]').val('');
        box.hide()
    } else {
        alert("Você deve preencher algum campo")
    }
};

Atenciosamente,
Fraise.

Perfeito camarada! Agora vou alterar umas coisas, obrigado!

Sempre às ordens!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".