Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar reputação do fórum
Hoje à(s) 13:45 por Kyo Panda

» Estatísticas personalizadas
Hoje à(s) 13:06 por Rick22

» Personalizar categorias do fórum
Hoje à(s) 11:28 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
69 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 65 Visitantes :: 1 Motor de busca

davidgomes10, Kyo Panda, Luis raio, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Adicionar novos botões no SCEditor

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Sab 10 Set 2016 - 12:58

Detalhes da questão


Endereço do fórum: rhc-forumteste.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá, gostaria de saber como posso adicionar botões para este plug-in:

http://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode

Alguém pode me ajudar? :v

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Shek Crowley em Sab 10 Set 2016 - 13:24

Bom dia!

Por favor, queira usar o sistema de busca antes de criar seu tópico para encontrar questões que já fora feitas com o mesmo assunto!

Queira ver este tutorial: http://ajuda.forumeiros.com/t93902-topic

Atenciosamente,
Shek King


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15047
Pontos Ativos : 22219

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Sab 10 Set 2016 - 13:28

Ok, agora tem como fazer que somente membros de um específico grupo vejam o novo botão?

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Shek Crowley em Sab 10 Set 2016 - 15:25

Boa tarde.

Por gentileza, volto a ressaltar que é sempre interessante usar o sistema de busca para encontrar tópicos para sanar sua dúvida. Leia este tópico que encontrei: http://ajuda.forumeiros.com/viewtopic?t=93719&topic_name#637560

Até mais!


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15047
Pontos Ativos : 22219

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Dom 11 Set 2016 - 2:48


Olá!

Já instalei o plug in do daemon (http://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode) no meu fórum, entretanto, notei um bug (eu acho que é bug)...

Normalmente, quando você escreve...
[sucesso="titulo aqui"]mensagem aqui[/sucesso], aparece normalmente,

mas vamos supor que na mensagem, eu queira dar uma quebra de linha...
teria que fazer:

[sucesso="titulo"]Mensagem, bla bla bla bla
ai aqui eu passo para a outra linha...
[/sucesso]

O mesmo acontece quando formata o texto, por exemplo, coloca em itálico, negrito...

O código para de funcionar.
Tem como arrumar?

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em Dom 11 Set 2016 - 3:56


while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Dom 11 Set 2016 - 4:01

Já li todos, e nenhum ajudou... Triste

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em Dom 11 Set 2016 - 14:53

Troque seu javascript por este:

Código:
$(window).load(function() {
    var settings = {
      img : 'http://illiweb.com/fa/admin/icones/small_ico/configuration.png',
      title : 'Moderação'
    };
    if (_userdata["user_level"] == '1' || _userdata["user_level"] == "2") {
        $('.sceditor-group:last').after('<div class="sceditor-group"><a class="sceditor-button sceditor-button-message" title="'+settings["title"]+'"><div style="background:url('+settings["img"]+') no-repeat;"></div></a></div>');
        $('body').append('<div id="messageList" style="z-index:15;display:none;position:absolute;background:#fff;border:1px solid #ccc;padding:3px;"><div id="itens_fa" class="listItem" style="cursor:pointer;">MENSAGEM 1</div><div id="M2" class="listItem" style="cursor:pointer;">MENSAGEM 2</div><div id="M3" class="listItem" style="cursor:pointer;">MENSAGEM 3</div></div>');
     
     
      $('.sceditor-button-message').click(function() {
          var display = $('#messageList').css('display');
          if (display == 'none') {
            var Y = $(this).offset().top;
            var X = $(this).offset().left;
            $('#messageList').show().offset({top:Y + 25,left:X});
          }
          else { $('#messageList').hide(); }
      });
       
      $('#itens_fa').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 1',''); });
$('#itens_fa').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 2',''); });
$('#itens_fa').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 3',''); });
      $('#M2').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 4',''); });
      $('#M3').click(function() { $('#text_editor_textarea').sceditor('instance').insertText('MENSAGEM 5',''); });
      $('.listItem').click(function() { $(this).parent().hide(); });
    }
});

E nos diga se resulta sem essas falhas.
Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Dom 11 Set 2016 - 19:57

Olha, tem como fazer algo tipo assim?

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em Dom 11 Set 2016 - 20:11

Troque o Javascript por este (investimento em todas as paginas):
Código:
$(function(){
  $(function(){
    $('<a class="sceditor-button sceditor-button-sucesso" unselectable="on" title="Sucesso"><div unselectable="on" style="background-image:url(http://i.imgur.com/EISZPwN.png)">Sucesso</div></a>').insertBefore('.sceditor-button-size').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
    });
    $('<a class="sceditor-button sceditor-button-alerta" unselectable="on" title="Alerta"><div unselectable="on" style="background-image:url(http://i.imgur.com/lMsD0nE.png)">Alerta</div></a>').insertAfter('.sceditor-button-sucesso').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
    });
    $('<a class="sceditor-button sceditor-button-aviso" unselectable="on" title="Aviso"><div unselectable="on" style="background-image:url(http://i.imgur.com/cI8SnOI.png)">Aviso</div></a>').insertAfter('.sceditor-button-alerta').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
    });
    $('<a class="sceditor-button sceditor-button-info" unselectable="on" title="Informação"><div unselectable="on" style="background-image:url(http://i.imgur.com/40zM1qS.png)">Informação</div></a>').insertAfter('.sceditor-button-aviso').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
    });
    });
  });

E adicione esse código em sua folha de estilo css:
Código:
/* Novos botões BBcode */ 
.sucesso, .alerta, .aviso, .infos { padding: 8px 8px 8px 40px; width: 99%; text-shadow: 0 1px 0 #FFFAF1; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; font-weight: bold; border-radius: 3px 3px 3px 3px; } .sucesso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/action10.png') no-repeat 6px #effeb9; border: 1px solid #9ac601; color: #4F8A10; } .alerta { background: url('http://i39.servimg.com/u/f39/18/75/31/38/delete11.png') no-repeat 6px #fccac3; border: 1px solid #db3f23; color: #D8000C; } .aviso { background: url('http://i39.servimg.com/u/f39/18/75/31/38/sign-a10.png') no-repeat 6px #ffeaa9; border: 1px solid #f9b516; color: #9F6000; } .infos { background: url('http://i39.servimg.com/u/f39/18/75/31/38/status10.png') no-repeat 6px #d1e4f3; border: 1px solid #4d8fcb; color: #00529B; }

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Dom 11 Set 2016 - 20:51

Não apareceram a opção de título...

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em Dom 11 Set 2016 - 21:39

Autor, não entendi o que quis dizer com sua mensagem, mas ao clicar em um ícone, automaticamente aparecerá no seu SCeditor o código, é como se fosse você clicar no botão Negrito, aparecerá no SCeditor [.b][/.b] certo? será a mesma coisa.

Essa era sua dúvida?
Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Dom 11 Set 2016 - 21:42

É que gostaria de tipo, aquele mesmo menu, sabe?
Menu que aparece ao clicar (spoiler):

Que quando clica no botão, aparece: TÍTULO [     ] 
                                                  TEXTO [      ]

Ai gostaria de completasse da seguinte forma:

No botão de sucesso, por exemplo completaria da seguinte forma:

[sucesso="campo do título"] campo do texto [/sucesso]

No caso de alerta, substituir o "sucesso" por "alerta",
no caso de aviso, substituir por "aviso", 
no caso de informação, substituir por "info".

é possivel?

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Ter 13 Set 2016 - 0:58

#Up

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Ter 13 Set 2016 - 23:01

Up.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido me ajudem por favor (up)

Mensagem por Luiz~ em Qua 14 Set 2016 - 23:39

Up ...

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em Qui 15 Set 2016 - 0:39

Boa noite Luiz,

Eu estou perdido neste tópico. O que deseja exatamente?

Atenciosamente,
Fraise.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Qui 15 Set 2016 - 1:11

luuuiiiz escreveu:É que gostaria de tipo, aquele mesmo menu, sabe?
Menu que aparece ao clicar (spoiler):

Que quando clica no botão, aparece: TÍTULO [     ] 
                                                  TEXTO [      ]

Ai gostaria de completasse da seguinte forma:

No botão de sucesso, por exemplo completaria da seguinte forma:

[sucesso="campo do título"] campo do texto [/sucesso]

No caso de alerta, substituir o "sucesso" por "alerta",
no caso de aviso, substituir por "aviso", 
no caso de informação, substituir por "info".

é possivel?

Isso.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em Qui 15 Set 2016 - 1:25

Se eu tivesse percebido isso, não teria perguntado... Envergonhado Se me expressei mal, eu quis dizer, se você poderia por gentileza explicar o que deseja noutras palavras.

Atenciosamente.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Qui 15 Set 2016 - 1:34

Ah, me desculpe... Triste
Enfim...
Gostaria de 4 novos botões no SCEditor, conforme mostrado na imagem.
para que, quando forem clicados, aparecer um mini drop down (como na imagem), que conteria dois campos, estes:
TÍTULO e DESCRIÇÃO.

Assim, suponhamos que eu clicasse no primeiro botão (o de sucesso), assim eu iria completar os campos do drop down assim:
Título: Título
Descrição: Isso é a descrição

Assim, iria completar neste código:

[sucesso="Título"]Isso é a descrição[/sucesso]

Ai, teriam mais 3 botões, o de AVISO, o de
ALERTA e o de INFO.

Ai, na hora de completar o código, ficaria:

Para AVISO:
[aviso="Título"]Isso é a descrição[/aviso]

Para ALERTA:
[alerta="Título"]Isso é a descrição[/alerta]

Para INFO:
[info="Título"]Isso é a descrição[/info]


Vale lembrar que essas tags são do plug in do Daemon, e que o modelo seria:
[TAG="TÍTULO"]DESCRIÇÃO[/TAG]

Também gostaria que apenas os ADMINISTRADORES do fórum, pudessem ter acesso à ver os botões.
Moderadores, membros e outros não.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em Qui 15 Set 2016 - 1:52

Ok. Desculpe minha arrogância. Louco
Crie um novo JavaScript utilizando este código investido em todas as páginas:
Código:
$(document).on('ready', function() {
    if (!$.sceditor) return;
    var add_BBCode = {
        'quadrado': {
            drop: 1,
            imagem: 'http://i.imgur.com/Q2pKUiL.png',
            titulo: 'Quadrado'
        },
        'sucesso': {
            drop: 1,
            imagem: 'http://i.imgur.com/EISZPwN.png',
            titulo: 'Sucesso'
        },
        'alerta': {
            drop: 1,
            imagem: 'http://i.imgur.com/cI8SnOI.png',
            titulo: 'Alerta'
        },
        'aviso': {
            drop: 1,
            imagem: 'http://i.imgur.com/lMsD0nE.png',
            titulo: 'Aviso'
        },
        'infos': {
            drop: 1,
            imagem: 'http://i.imgur.com/40zM1qS.png',
            titulo: 'Informação'
        },
        'guest': {
            drop: 0,
            imagem: 'http://i.imgur.com/0jaJsoB.png',
            titulo: 'Esconder de visitantes'
        },
        'codebox': {
            drop: 0,
            imagem: 'http://imgur.com/dm3jrsU.png',
            titulo: 'Codebox'
        },
        'poll': {
            drop: 0,
            imagem: 'http://i.imgur.com/WL16QyZ.png',
            titulo: 'Secreto'
        }
    };
    var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + '  <div>' + '    <label unselectable="on">Título</label>' + '    <input type="text" id="drop_valTitle" />' + '  </div>' + '  <div>' + '    <label unselectable="on">Texto</label>' + '    <input type="text" id="drop_valContent" />' + '  </div>' + '  <div>' + '    <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + '  </div>' + '</div>';
    $('body').append(newDrop);
    $.each(add_BBCode, function(key, val) {
        bbcode = key;
        imagem = val.imagem;
        titulo = val.titulo;
        drop = val.drop;
        if (drop == 0) {
            func = 'addBBCode_noDrop(this)'
        } else if (drop == 1) {
            func = 'toggleDropbox(this)'
        }
        $('.sceditor-button-quote').before($('<a>', {
            id: bbcode,
            class: 'sceditor-button sceditor-button-' + bbcode,
            title: titulo,
            onclick: func
        }).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
    })
});

function toggleDropbox(bs) {
    var box = $('.sceditor-drop');
    var newId = $(bs).attr('id');
    var currentId = box.attr('id');
    box.attr('id', newId);
    if (box.is(':visible') && newId == currentId) {
        box.hide()
    } else if (!box.is(':visible')) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    } else if (box.is(':visible') && newId != currentId) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    }
};

function addBBCode_drop() {
    var box = $('.sceditor-drop');
    var tag = box.attr('id');
    var titulo = box.find('#drop_valTitle').val();
    var texto = box.find('#drop_valContent').val();
    var editor = $('#text_editor_textarea').sceditor('instance');
    if (titulo.length == 0 && texto.length > 0) {
        editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
    } else if (texto.length == 0 && titulo.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
    } else if (titulo.length > 0 && texto.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
    } else if (titulo.length == 0 && texto.length == 0) {
        editor.insert('[' + tag + ']', '[/' + tag + ']')
    }
    box.find('input[type="text"]').val('');
    box.hide()
};

function addBBCode_noDrop(bs) {
    var tag = $(bs).attr('id');
    $('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};

Atenciosamente,
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Qui 15 Set 2016 - 2:09

Fraise, eu sei uma editada...
Ficou 99% perfeito... só faltou uma coisinha... Envergonhado

O código editado ficou:
Código:
$(document).on('ready', function() {
    if (!$.sceditor) return;
    var add_BBCode = {
        'sucesso': {
            drop: 1,
            imagem: 'http://i.imgur.com/EISZPwN.png',
            titulo: 'Sucesso'
        },
        'alerta': {
            drop: 1,
            imagem: 'http://i.imgur.com/cI8SnOI.png',
            titulo: 'Alerta'
        },
        'aviso': {
            drop: 1,
            imagem: 'http://i.imgur.com/lMsD0nE.png',
            titulo: 'Aviso'
        },
        'info': {
            drop: 1,
            imagem: 'http://i.imgur.com/40zM1qS.png',
            titulo: 'Informação'
        }

    };
    var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + '  <div>' + '    <label unselectable="on">Título</label>' + '    <input type="text" id="drop_valTitle" />' + '  </div>' + '  <div>' + '    <label unselectable="on">Texto</label>' + '    <input type="text" id="drop_valContent" />' + '  </div>' + '  <div>' + '    <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + '  </div>' + '</div>';
    $('body').append(newDrop);
    $.each(add_BBCode, function(key, val) {
        bbcode = key;
        imagem = val.imagem;
        titulo = val.titulo;
        drop = val.drop;
        if (drop == 0) {
            func = 'addBBCode_noDrop(this)'
        } else if (drop == 1) {
            func = 'toggleDropbox(this)'
        }
        $('.sceditor-button-quote').before($('<a>', {
            id: bbcode,
            class: 'sceditor-button sceditor-button-' + bbcode,
            title: titulo,
            onclick: func
        }).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
    })
});
 
function toggleDropbox(bs) {
    var box = $('.sceditor-drop');
    var newId = $(bs).attr('id');
    var currentId = box.attr('id');
    box.attr('id', newId);
    if (box.is(':visible') && newId == currentId) {
        box.hide()
    } else if (!box.is(':visible')) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    } else if (box.is(':visible') && newId != currentId) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    }
};
 
function addBBCode_drop() {
    var box = $('.sceditor-drop');
    var tag = box.attr('id');
    var titulo = box.find('#drop_valTitle').val();
    var texto = box.find('#drop_valContent').val();
    var editor = $('#text_editor_textarea').sceditor('instance');
    if (titulo.length == 0 && texto.length > 0) {
        editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
    } else if (texto.length == 0 && titulo.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
    } else if (titulo.length > 0 && texto.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
    } else if (titulo.length == 0 && texto.length == 0) {
        editor.insert('[' + tag + ']', '[/' + tag + ']')
    }
    box.find('input[type="text"]').val('');
    box.hide()
};
 
function addBBCode_noDrop(bs) {
    var tag = $(bs).attr('id');
    $('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};

O único problema é que todos tem autorização para visualizar.
Tem como fazer com que somente membros com acesso ao Painel de Controle possam ver estes botões no SCEditor?

Obrigado desde já Eu amo você


Última edição por luuuiiiz em Qui 15 Set 2016 - 3:00, editado 1 vez(es)

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em Qui 15 Set 2016 - 2:31

Certo, troque por este:
Código:
$(document).on('ready', function() {
    if (!$.sceditor) return;
    var add_BBCode = {
        'sucesso': {
            drop: 1,
            imagem: 'http://i.imgur.com/EISZPwN.png',
            titulo: 'Sucesso'
        },
        'alerta': {
            drop: 1,
            imagem: 'http://i.imgur.com/cI8SnOI.png',
            titulo: 'Alerta'
        },
        'aviso': {
            drop: 1,
            imagem: 'http://i.imgur.com/lMsD0nE.png',
            titulo: 'Aviso'
        },
        'info': {
            drop: 1,
            imagem: 'http://i.imgur.com/40zM1qS.png',
            titulo: 'Informação'
        }

    };
    var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + '  <div>' + '    <label unselectable="on">Título</label>' + '    <input type="text" id="drop_valTitle" />' + '  </div>' + '  <div>' + '    <label unselectable="on">Texto</label>' + '    <input type="text" id="drop_valContent" />' + '  </div>' + '  <div>' + '    <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + '  </div>' + '</div>';
    if (_userdata["user_level"] > 0)
        $('body').append(newDrop);
    $.each(add_BBCode, function(key, val) {
        bbcode = key;
        imagem = val.imagem;
        titulo = val.titulo;
        drop = val.drop;
        if (drop == 0) {
            func = 'addBBCode_noDrop(this)'
        } else if (drop == 1) {
            func = 'toggleDropbox(this)'
        }
        $('.sceditor-button-quote').before($('<a>', {
            id: bbcode,
            class: 'sceditor-button sceditor-button-' + bbcode,
            title: titulo,
            onclick: func
        }).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>')) }
    })
});

function toggleDropbox(bs) {
    var box = $('.sceditor-drop');
    var newId = $(bs).attr('id');
    var currentId = box.attr('id');
    box.attr('id', newId);
    if (box.is(':visible') && newId == currentId) {
        box.hide()
    } else if (!box.is(':visible')) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    } else if (box.is(':visible') && newId != currentId) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    }
};

function addBBCode_drop() {
    var box = $('.sceditor-drop');
    var tag = box.attr('id');
    var titulo = box.find('#drop_valTitle').val();
    var texto = box.find('#drop_valContent').val();
    var editor = $('#text_editor_textarea').sceditor('instance');
    if (titulo.length == 0 && texto.length > 0) {
        editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
    } else if (texto.length == 0 && titulo.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
    } else if (titulo.length > 0 && texto.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
    } else if (titulo.length == 0 && texto.length == 0) {
        editor.insert('[' + tag + ']', '[/' + tag + ']')
    }
    box.find('input[type="text"]').val('');
    box.hide()
};

function addBBCode_noDrop(bs) {
    var tag = $(bs).attr('id');
    $('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};

Atenciosamente,
Fraise.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Qui 15 Set 2016 - 2:37

Agora não apareceu nada, nem aos adm's.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Sex 16 Set 2016 - 1:02

Up

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em Sex 16 Set 2016 - 2:19

Troque o código js por este:

Código:
$(document).on('ready', function() {
if (_userdata.user_level >= 1) {
    if (!$.sceditor) return;
    var add_BBCode = {
        'sucesso': {
            drop: 1,
            imagem: 'http://i.imgur.com/EISZPwN.png',
            titulo: 'Sucesso'
        },
        'alerta': {
            drop: 1,
            imagem: 'http://i.imgur.com/cI8SnOI.png',
            titulo: 'Alerta'
        },
        'aviso': {
            drop: 1,
            imagem: 'http://i.imgur.com/lMsD0nE.png',
            titulo: 'Aviso'
        },
        'info': {
            drop: 1,
            imagem: 'http://i.imgur.com/40zM1qS.png',
            titulo: 'Informação'
        }
 
    };
    var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + '  <div>' + '    <label unselectable="on">Título</label>' + '    <input type="text" id="drop_valTitle" />' + '  </div>' + '  <div>' + '    <label unselectable="on">Texto</label>' + '    <input type="text" id="drop_valContent" />' + '  </div>' + '  <div>' + '    <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + '  </div>' + '</div>';
    $('body').append(newDrop);
    $.each(add_BBCode, function(key, val) {
        bbcode = key;
        imagem = val.imagem;
        titulo = val.titulo;
        drop = val.drop;
        if (drop == 0) {
            func = 'addBBCode_noDrop(this)'
        } else if (drop == 1) {
            func = 'toggleDropbox(this)'
        }
        $('.sceditor-button-quote').before($('<a>', {
            id: bbcode,
            class: 'sceditor-button sceditor-button-' + bbcode,
            title: titulo,
            onclick: func
        }).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
    })
}});
 
function toggleDropbox(bs) {
    var box = $('.sceditor-drop');
    var newId = $(bs).attr('id');
    var currentId = box.attr('id');
    box.attr('id', newId);
    if (box.is(':visible') && newId == currentId) {
        box.hide()
    } else if (!box.is(':visible')) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    } else if (box.is(':visible') && newId != currentId) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    }
};
 
function addBBCode_drop() {
    var box = $('.sceditor-drop');
    var tag = box.attr('id');
    var titulo = box.find('#drop_valTitle').val();
    var texto = box.find('#drop_valContent').val();
    var editor = $('#text_editor_textarea').sceditor('instance');
    if (titulo.length == 0 && texto.length > 0) {
        editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
    } else if (texto.length == 0 && titulo.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
    } else if (titulo.length > 0 && texto.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
    } else if (titulo.length == 0 && texto.length == 0) {
        editor.insert('[' + tag + ']', '[/' + tag + ']')
    }
    box.find('input[type="text"]').val('');
    box.hide()
};
 
function addBBCode_noDrop(bs) {
    var tag = $(bs).attr('id');
    $('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Sex 16 Set 2016 - 14:33

Os usuários ainda tem acesso aos botões...

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em Sex 16 Set 2016 - 16:28

Você substituiu o código por acaso? Tens que trocar o código que estais utilizando por esse:
Código:
$(document).on('ready', function() {
if (_userdata.user_level >= 1) {
    if (!$.sceditor) return;
    var add_BBCode = {
        'sucesso': {
            drop: 1,
            imagem: 'http://i.imgur.com/EISZPwN.png',
            titulo: 'Sucesso'
        },
        'alerta': {
            drop: 1,
            imagem: 'http://i.imgur.com/cI8SnOI.png',
            titulo: 'Alerta'
        },
        'aviso': {
            drop: 1,
            imagem: 'http://i.imgur.com/lMsD0nE.png',
            titulo: 'Aviso'
        },
        'info': {
            drop: 1,
            imagem: 'http://i.imgur.com/40zM1qS.png',
            titulo: 'Informação'
        }
 
    };
    var newDrop = '<div class="sceditor-dropdown sceditor-drop" style="display: none;">' + '  <div>' + '    <label unselectable="on">Título</label>' + '    <input type="text" id="drop_valTitle" />' + '  </div>' + '  <div>' + '    <label unselectable="on">Texto</label>' + '    <input type="text" id="drop_valContent" />' + '  </div>' + '  <div>' + '    <input type="button" class="button" value="Inserir" onclick="addBBCode_drop()">' + '  </div>' + '</div>';
    $('body').append(newDrop);
    $.each(add_BBCode, function(key, val) {
        bbcode = key;
        imagem = val.imagem;
        titulo = val.titulo;
        drop = val.drop;
        if (drop == 0) {
            func = 'addBBCode_noDrop(this)'
        } else if (drop == 1) {
            func = 'toggleDropbox(this)'
        }
        $('.sceditor-button-quote').before($('<a>', {
            id: bbcode,
            class: 'sceditor-button sceditor-button-' + bbcode,
            title: titulo,
            onclick: func
        }).html('<div style="background-image:url(' + imagem + ')">' + titulo + '</div>'))
    })
}});
 
function toggleDropbox(bs) {
    var box = $('.sceditor-drop');
    var newId = $(bs).attr('id');
    var currentId = box.attr('id');
    box.attr('id', newId);
    if (box.is(':visible') && newId == currentId) {
        box.hide()
    } else if (!box.is(':visible')) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    } else if (box.is(':visible') && newId != currentId) {
        box.css({
            'left': $(bs).offset().left,
            'top': $(bs).offset().top + $(bs).outerHeight(),
            'text-align': 'left'
        }).show()
    }
};
 
function addBBCode_drop() {
    var box = $('.sceditor-drop');
    var tag = box.attr('id');
    var titulo = box.find('#drop_valTitle').val();
    var texto = box.find('#drop_valContent').val();
    var editor = $('#text_editor_textarea').sceditor('instance');
    if (titulo.length == 0 && texto.length > 0) {
        editor.insert('[' + tag + ']' + texto + '[/' + tag + ']')
    } else if (texto.length == 0 && titulo.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]', '[/' + tag + ']')
    } else if (titulo.length > 0 && texto.length > 0) {
        editor.insert('[' + tag + '="' + titulo + '"]' + texto + '[/' + tag + ']')
    } else if (titulo.length == 0 && texto.length == 0) {
        editor.insert('[' + tag + ']', '[/' + tag + ']')
    }
    box.find('input[type="text"]').val('');
    box.hide()
};
 
function addBBCode_noDrop(bs) {
    var tag = $(bs).attr('id');
    $('#text_editor_textarea').sceditor('instance').insert('[' + tag + ']', '[/' + tag + ']')
};

Somente os administradores e moderadores podem visualizar o botão no SCeditor.
Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz~ em Sex 16 Set 2016 - 22:55

Deu certo. Muito obrigado. Eu amo você
Pode fechar.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 891

http://ajuda.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Cream em Sex 16 Set 2016 - 23:16

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8346
Pontos Ativos : 13546

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5