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

Agosto 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
» Pedido de Rank (Moderador)
Hoje à(s) 5:57 por -xGabriel..

» Templates dos tópicos
Hoje à(s) 5:47 por Varyan Frostwolf

» Sub-fóruns personalizados
Hoje à(s) 1:56 por Cream

» Personalizar perfil do fórum
Hoje à(s) 1:37 por Cream

» Tooltip no título dos tópicos
Hoje à(s) 1:35 por Cream

» Criar tags BBcode
Hoje à(s) 1:01 por Cream

» Perfis em mensagens privadas
Hoje à(s) 0:28 por Cream

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
-xGabriel..
 
GollD
 
Nean
 
lavinnia
 
sandra51
 

Quem está conectado
53 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 51 Visitantes :: 1 Motor de busca

Fraise, GollD

[ 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 luuuiiiz 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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14653
Pontos Ativos : 21681

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por Shek 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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 14653
Pontos Ativos : 21681

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

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



Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

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 luuuiiiz em Dom 11 Set 2016 - 4:01

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

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 luuuiiiz em Dom 11 Set 2016 - 19:57

Olha, tem como fazer algo tipo assim?

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

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 luuuiiiz em Dom 11 Set 2016 - 20:51

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz em Ter 13 Set 2016 - 0:58

#Up

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz em Ter 13 Set 2016 - 23:01

Up.

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido me ajudem por favor (up)

Mensagem por luuuiiiz em Qua 14 Set 2016 - 23:39

Up ...

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz 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.

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz 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.

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz 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)

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7061

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

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz em Qui 15 Set 2016 - 2:37

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.forumeiros.com

Resolvido Re: Adicionar novos botões no SCEditor

Mensagem por luuuiiiz em Sex 16 Set 2016 - 1:02

Up

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

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 luuuiiiz em Sex 16 Set 2016 - 14:33

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2445
Pontos Ativos : 3565

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 luuuiiiz em Sex 16 Set 2016 - 22:55

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

luuuiiiz
Nível 9

Masculino
Inscrito dia : 23/04/2016
Mensagens : 217
Pontos Ativos : 540

http://rhc-forumteste.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".


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

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7899
Pontos Ativos : 12957

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