Adicionar bbcode no sceditor

3 participantes

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

Tópico resolvido Adicionar bbcode no sceditor

Mensagem por Try 30.05.16 18:22

Detalhes da questão


Endereço do fórum: kings1.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá a todos minha questão e bem simples antes tinha um tutorial que possuía um código Css que ficava próximo ao menu do ''quote'' que era uma forma de facilita o sistema de tags no fórum,Eu queria saber ser esse tutorial ainda existe porque quero facilitar muito o meu acesso a essa opção



ex


Código:
[Aviso="Titulo"] Teste TAG Aviso[/aviso]
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Adicionar bbcode no sceditor

Mensagem por Roevs 30.05.16 18:42

Olá,

Veja se seria isso que você deseja

https://ajuda.forumeiros.com/t99723-

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar bbcode no sceditor

Mensagem por Try 31.05.16 12:29

E quase,para falar com sinceridade eu já tinha implantando,O tutorial que eu estou querendo e um que aparece no respostas rápidas do lado do Quote ai tipo eu escolho opção aviso não preciso colocar o código basta click deu pra entende ou eu esto confundindo desculpa ser fez kk.
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar bbcode no sceditor

Mensagem por while 31.05.16 17:08

Olá crie um novo javascript com investimento em todas as paginas com esse código:
Código:
jQuery(function(){
      jQuery(function(){
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=sucesso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=alerta][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=aviso][tr][td]","[/td][/tr][/table]");
        });
        jQuery('<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(){
                jQuery('#text_editor_textarea').sceditor("instance").insertText("[table class=infos][tr][td]","[/td][/tr][/table]");
        });
        });
      });

Depois de ter feito isto, adicione esse código css:
Código:
.sucesso, .alerta, .aviso, .infos {
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: 5px 0;
    padding: 15px 15px 15px 65px !important;
    width: 85%;
}
.sucesso {
    background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.alerta {
    background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.aviso {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.infos {
    background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar bbcode no sceditor

Mensagem por Try 04.06.16 21:11

Funcionou não e como o que eu tinha visto mais funcionou,Obrigado,E que no que eu tinha visto ele era um seletor,Mais esse ficou legal
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos