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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Caixa de resposta rápida nos tópicos
Hoje à(s) 03:21 am por Harleen

» Como faço pra ver quando um fórum foi criado
Hoje à(s) 02:53 am por Harleen

» Forum Parecido
Hoje à(s) 01:13 am por JulioPais

» É possível obter este código?
Hoje à(s) 12:53 am por Uatyla

» Template quebra ao ser editado
Ontem à(s) 09:22 pm por Starset

» Facebook, Twitter, google, youtube, Feed
Ontem à(s) 05:58 pm por Fatalisss

» Icone Youtube
Ontem à(s) 05:32 pm por APOllO

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
APOllO
 
MtX
 
Shek
 
Holkis
 
Taxy_InSaniTy
 
JulioPais
 
Sapinho
 

Quem está conectado
238 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 238 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 10/09/16, 08:58 am

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
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/
  • 0

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Shek em 10/09/16, 09:24 am

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


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16480
Pontos Ativos : 20864

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 10/09/16, 09:28 am

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/
  • 0

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Shek em 10/09/16, 11:25 am

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!


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16480
Pontos Ativos : 20864

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 10/09/16, 10:48 pm


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?
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/
  • 0

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em 10/09/16, 11:56 pm

avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 11/09/16, 12:01 am

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/
  • 0

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em 11/09/16, 10:53 am

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 11/09/16, 03:57 pm

Olha, tem como fazer algo tipo assim?
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/
  • 0

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em 11/09/16, 04:11 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 11/09/16, 04:51 pm

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/
  • 0

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em 11/09/16, 05:39 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 11/09/16, 05:42 pm

É 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?
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 12/09/16, 08:58 pm

#Up
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 13/09/16, 07:01 pm

Up.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido me ajudem por favor (up)

Mensagem por Luiz em 14/09/16, 07:39 pm

Up ...
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em 14/09/16, 08:39 pm

Boa noite Luiz,

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

Atenciosamente,
Fraise.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 14/09/16, 09:11 pm

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.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em 14/09/16, 09:25 pm

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 14/09/16, 09:34 pm

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.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em 14/09/16, 09:52 pm

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 14/09/16, 10:09 pm

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 14/09/16, 11:00 pm, editado 1 vez(es)
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Fraise em 14/09/16, 10:31 pm

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 14/09/16, 10:37 pm

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Luiz em 15/09/16, 09:02 pm

Up
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em 15/09/16, 10:19 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 16/09/16, 10:33 am

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por while em 16/09/16, 12:28 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

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 16/09/16, 06:55 pm

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4208

https://github.com/lffg/

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Cream em 16/09/16, 07:16 pm

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

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

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