[Plugin] Criar tags bbcode

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

  • 0

[Plugin] Criar tags bbcode Empty [Plugin] Criar tags bbcode

Mensagem por Daemon em 09.05.15 19:32


Criar tags BBCode
Este plugin dá a liberdade de criar tags bbcode com suas respectivas substituições em HTML.
Características e aplicação
Criador: @Daemon
Versão: 1.321052018
Versão: Todas as versões
Resultado da aplicação
[Plugin] Criar tags bbcode Sem_ty13
Local de instalação
A instalação é única, e pode ser feita apenas criando um novo javascript. Para isso, acesse:
Painel de Controle Seta Módulos Seta HTML e Javascript Seta Gestão dos códigos Javascript Seta Criar um novo javascript Seta Investimento Seta Em todas as páginas.
Acesse o seguinte link para visualizar o código: https://pastebin.com/UXMuRPjJ
Este código é para punbb, se você não usa punbb, você precisa substituir na seguinte linha:
var postContent = $(".entry-content, .blog_message");
Altere para a versão do seu fórum:
Invision: var postContent = $(".post-entry, .blog_message");
PhpBB3: var postContent = $(".content, .blog_message");
PhpBB2: var postContent = $(".postbody, .blog_message");

Após feito isto, vá até:
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta "Aba" Folha de estilo css, e adicione esse código em sua folha de estilo css:
Código:
.notice {
     background: url(https://i.imgur.com/VWRy0Mc.png) repeat-x 0 0;
     color: #FFF;
     width: 83%;
     font-weight: normal;
     padding: 13px 15px;
     margin-bottom: 2.5em;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
     box-shadow: 1px 1px 2px rgba(0,0,0,.4);
     position: relative;
     left: 34px;
}
 .notice p {
     margin-bottom: 1.5em;
}
 .notice p:last-child {
     margin-bottom: 0;
}
 .notice h5 {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: .65em;
}
 .notice:before {
     content: "";
     background: url(https://i.imgur.com/PcLYd52.png) no-repeat 100% 0;
     width: 33px;
     height: 40px;
     position: absolute;
     left: -34px;
     top: 9px;
}
 .notice-success {
     background-color: #EEF4D4;
     color: #596C26;
     border: 1px solid #8FAD3D;
}
 .notice-success:before {
     background-position: 100% 0;
}
 .notice-warn {
     background-color: #FFEA97;
     color: #796100;
     border: 1px solid #E1B500;
}
 .notice-warn:before {
     background-position: 100% -800px;
}
 .notice-alert {
     background-color: #EFCEC9;
     color: #933628;
     border: 1px solid #AE3F2F;
}
 .notice-alert:before {
     background-position: 100% -400px;
}
 .notice-info {
     background-color: #C6D8F0;
     color: #285797;
     border: 1px solid #4381CD;
}
 .notice-info:before {
     background-position: 100% -1200px;
}
.guest {
    background-color: #F3E3E6;
    border: 1px solid #E599AA;
    color: #80001C;
    padding: 10px;
    display: block;
    margin: 15px;
    font-size: 11px;
}



Exemplo:
Código:
[tagname="Title"]My Content[/tagname]
Pode ser substituído por:
Código:
<div class="some-class"><p>Title</p>My Content</div>



Passos de utilização:

close
-> close: true <- significa que a tag precisa ser fechada. Por exemplo:
Código:
[tagname]Meu conteúdo[/tagname]

defaultOption
-> defaultOption <- irá adicionar um "título" padrão se não for definido um na primeira tag. Por exemplo... Se você adicionar -> defaultOption: 'Algum texto' <- Veja um exemplo:
Código:
[tagname]Meu conteúdo[/tagname]
Pode ser substituído por:
Código:
<div class="some-class"><strong>Algum texto</strong>Meu conteúdo</div>
'Algum texto' será adicionado automaticamente se você não definir um título.

replacement
-> replacement <- irá substituir as tags por uma estrutura html definida por você. Por exemplo:
Código:
replacement: '<div class="notice notice-alert"><h5>{option}</h5><p>{content}</p></div>'
A tag [alert] seria substituída pela estrutura html definida acima.
Código:
{
    tag: 'alerta',
    close: true,
    replacement: '<div class="notice notice-alert"><h5>{option}</h5><p>{content}</p></div>'
},

replace
Você pode usar 'replace' para alterar valores de tag criando uma função com algum tipo de condição predefinida ou algo assim. Por exemplo:
Código:
{
    tag: 'daemon',
    close: true,
    replacement: '<div class="daemon-box"><p>{option}</p><hr>{content}</div>',
    replace: function(option, content) {
        if (content.indexOf("shazam") !== -1) {
            return {
                option: 'SHAZAM ALERT',
                content: 'OMG, you entered the magic word :O'
            };
        }
    }
}
Veja a seguinte imagem como seria o efeito deste código acima:
Clique aqui para ver:
[Plugin] Criar tags bbcode Sem_ty12

Importante:
Para criar tags bbcode, leia as notações dentro do código

Sugestões de BBCODE
Sugestões:
1: Mensagem de retorno para visitantes:
Código:
{
    tag: 'guest',
    close: true,
    replacement: '<div class="guest">{content}</div>',
    replace: function(option, content) {
        if (_userdata.session_logged_in < 1) {
            return 'Você precisa estar conectado ao fórum para visualizar este conteúdo.';
            return content;
        }
    }
}

2: Miniatura de imagem do vídeo do youtube:
[Plugin] Criar tags bbcode 1-8
Código:
{
    tag: 'ytscreen',
    replacement: '<a href="https://www.youtube.com/watch?v={ATTR}"><img src="http://i.ytimg.com/vi/{ATTR}/mqdefault.jpg" width="320px" height="180px" alt="Clique Para Assistir" title="Clique Para Assistir"></a><br>Clique Na Imagem Para Assistir'
}

3: Fórum ID:
[Plugin] Criar tags bbcode KqcydrW
Código:
{
    tag: 'forum',
    close: true,
    replacement: '<a href="/f{ATTR}-" id="forum_id">{content}</div>'
}

4: Revelar (BBCode que imita o Spoiler):
Código:
{
    tag: 'reveal',
    close: true,
    defaultOption: 'Reveal',
    replacement: '<dl class="reveal-box"><dt style="cursor: pointer;" onclick="$(this.nextSibling.firstChild).toggle();">{option}</dt><dd><div style="display:none" class="revealbox-content">{content}</div></dd></dl>'
}

5: Botão Download:
Código:
{
    tag: 'download',
    replacement: '<a href="{ATTR}"><img src="https://i.imgur.com/WW2efTS.png"></a><br>Download Link: <a href="{ATTR}">{ATTR}</a>'
}


Última edição por Daemon em 05.07.18 13:00, editado 36 vez(es)
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 10.05.15 17:59

Atualização:
- Versão: 1.3 (Código atualizado para versão 1.3)

Queiram comentar o plugin disponível. Piscada


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18107
Pontos Ativos : 22112

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por JScript em 10.05.15 18:22

Eu gostei muito, é bem leve e cumpre com o que propõe!
Mas eu enviei uma MP ao @Daemon sobre uns detalhes que podem torná-lo mais flexível...

JS
JScript

JScript
Membro do Fórum

Masculino
Inscrito dia : 15/03/2013
Mensagens : 1449
Pontos Ativos : 1901

Ver perfil do usuário http://jscript.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Rayner em 10.05.15 19:27

Achei muito legal, mas se eu quiser criar um BBCode que mostre uma imagem qualquer ou colocar um texto rolante, como eu teria que fazer?
Rayner

Rayner
Nível 8

Masculino
Inscrito dia : 24/03/2015
Mensagens : 122
Pontos Ativos : 188

Ver perfil do usuário http://espacorpgmaker.umforum.net/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Lima 3005 em 10.05.15 19:41

@Rayner escreveu:Achei muito legal, mas se eu quiser criar um BBCode que mostre uma imagem qualquer ou colocar um texto rolante, como eu teria que fazer?

Texto rolante:

Código:
<marquee>Sua mensagem aqui</marquee>
Lima 3005

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 10.05.15 19:47

@Rayner, por gentileza, consulte o FAQ: https://ajuda.forumeiros.com/t384-faq-caixa-de-edicao-de-mensagens Pedimos que não peça suporte aqui, visto que, este sub-fórum é para comentar sobre a funcionalidade do script.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18107
Pontos Ativos : 22112

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 10.05.15 20:06

@Shek escreveu:Atualização:
- Versão: 1.3 (Código atualizado para versão 1.3)

Queiram comentar o plugin disponível. Piscada
Já estava uma versão melhor do que a que te enviei por MP, Shek! Este que botei agora está mais curto e fácil de editar!
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Lima 3005 em 10.05.15 20:10

Parabéns Daemon, obrigado pelo seu plugin é muito bom!!!
Lima 3005

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 12.05.15 5:34

Atualização:
- Versão: 1.4 (Código atualizado para versão 1.4)

Peço que leiam atentamente as novas instruções. OK
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por JScript em 12.05.15 14:37

@Daemon
Está ficando muito bom, porém bem avançado para membros mais leigos... Em choque

JS
JScript

JScript
Membro do Fórum

Masculino
Inscrito dia : 15/03/2013
Mensagens : 1449
Pontos Ativos : 1901

Ver perfil do usuário http://jscript.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 12.05.15 14:55

@JScript escreveu:@Daemon
Está ficando muito bom, porém bem avançado para membros mais leigos...  Em choque

JS
Será que apenas o básico de substituição das tags já é suficiente? O ruim de um código assim é que o usuário terá sempre de modificá-lo quando quiser adicionar ou editar tags. Louco
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por JScript em 12.05.15 15:08

@Daemon
Eu gostei muito mesmo dessa ideia de adicionar novas tags, então se nós podermos nos comunicar a noite, vamos debater sobre um padrão ou forma específica de torná-lo extremamente fácil para todos ok?
Nós podemos e devemos torná-lo avançado, mas ao mesmo tempo fácil de ser modificado,

JS
JScript

JScript
Membro do Fórum

Masculino
Inscrito dia : 15/03/2013
Mensagens : 1449
Pontos Ativos : 1901

Ver perfil do usuário http://jscript.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 14.05.15 17:48

Atualização:
- Versão: 1.5 (Código atualizado para versão 1.5)

Peço que leiam atentamente as novas instruções. Rosa
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por JrMAFiA em 25.05.15 15:37

quote removido!

Fiquei com duvida tem como por imagem ?


Última edição por JScript em 25.05.15 15:49, editado 1 vez(es) (Razão : Evite dar quote de forma desnecessária!)
JrMAFiA

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 377
Pontos Ativos : 643

Ver perfil do usuário

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 05.07.15 0:47

Atualização:
- Versão: 1.6 (Código atualizado para versão 1.6)


Tive uma idéia!
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 17.07.15 13:16

Periodicamente, estarei postando sugestões de BBCode no primeiro post. Peço aos utilizadores do código do tutorial, que fiquem sempre atentos à este tópico para futuras novidades.

Foi adicionada uma sugestão de BBCode no primeiro post! Leiam: https://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode#687690
Rosa


Última edição por Daemon em 04.08.15 1:32, editado 1 vez(es)
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Harleen em 04.08.15 0:17

Gostei muito, especialmente do bbcode do Youtube, arrasou Sorrir
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 05.09.15 6:56

Atualização:
- Versão: 1.8 (Código atualizado) Muito feliz
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Kallahari em 05.09.15 16:25

Olá,

Belo código, parabéns ao criador.

Até mais..
Kallahari

Kallahari
Usuário avançado

Masculino
Inscrito dia : 31/01/2014
Mensagens : 413
Pontos Ativos : 639

Ver perfil do usuário http://muwinnerr.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 20.09.15 22:05

O código foi atualizado, e foi adicionada uma nova sugestão de bbcode dentro do spoiler do primeiro post! Piscada
- Versão: 1.9
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por cocas20 em 13.11.15 20:33

Uma pergunta , não devia haver 4 botões de facil acesso ao bbcode ? ( exemplo " sucesso" ; "Atenção" ; " Alerta" ; " Aviso" ) ?
cocas20

cocas20
Nível 10

Masculino
Inscrito dia : 01/11/2014
Mensagens : 260
Pontos Ativos : 340

Ver perfil do usuário http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/ http://cyberluso.onychat.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por TheDarkPlay em 13.12.15 19:54

Sugestão: Haver 4 botões, "Sucesso","Atenção","Alerta","Aviso", com icones e quando for clicado aparecer um campo escrito "Título" e outro campo escrito "Mensagem"

Se essa sugestão for aceita, o plugin ficará muito bom!! Tive uma idéia!
TheDarkPlay

TheDarkPlay
Nível 9

Masculino
Inscrito dia : 09/07/2015
Mensagens : 165
Pontos Ativos : 279

Ver perfil do usuário http://typegames.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 13.12.15 22:29

@TheDarkPlay escreveu:Sugestão: Haver 4 botões, "Sucesso","Atenção","Alerta","Aviso", com icones e quando for clicado aparecer um campo escrito "Título" e outro campo escrito "Mensagem"

Se essa sugestão for aceita, o plugin ficará muito bom!! Tive uma idéia!

Este código serve para criar novas tags, e não inserir novos botões no SCEDITOR. Irei fazer um tutorial para tal função. Piscada
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Luiz em 10.09.16 15:03

Quando você vai colocar (adicionar) um código desses, o SCEditor já adiciona automaticamente os devidos botões?


Última edição por Luiz em 16.07.17 2:10, editado 1 vez(es)
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 10.09.16 15:20

Olá!

Por favor, crie uma nova questão para sanar sua dúvida, pois, este espaço é aberto apenas para comentários e não dúvidas. Piscada

Até mais!


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18107
Pontos Ativos : 22112

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif
  • 0

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 26.09.16 17:56

Atualização:
O código foi atualizado para a versão 2.0, pois nas versões antigas estava com um pequeno errinho que vim perceber agora pouco.
Também foi adicionado a opção "close", onde você pode optar por tags fechadas, ou não.
close: true -> Exemplo:
Código:
[sucesso="titulo"]conteúdo[/suceso]

close: false -> Exemplo:
Código:
[sucesso="titulo"]

E para o pessoal que deseja adicionar botões ao SCEDITOR, segue o tutorial: https://ajuda.forumeiros.com/t100087-addon-criar-botao-no-editor-com-lista-de-comandos

Até a próxima! Piscada
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 27.09.16 13:48

Obrigado @Daemon! Muito feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Shek Crowley
Shek

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18107
Pontos Ativos : 22112

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Karadruz DL em 31.10.16 15:21

Gostei desse Plugin e tenho uma sugestão para adicionar, um ícone dentro do quadrado colorido da TAG, ele ficaria centralizado e as letras não poderia ficar por cima e nem por baixo dele, apenas serão escritas ao lado dele, assim como na imagem ( http://orig13.deviantart.net/295b/f/2016/305/b/f/iconesemtags_by_diginitrix001-damyctm.png ). Fazendo isso seria possível criar vários tipos diferentes de tags com ícones diferentes, e personalizados caso seja usado em um forum de RPG.
Karadruz DL

Karadruz DL
Nível 4

Masculino
Inscrito dia : 28/10/2016
Mensagens : 31
Pontos Ativos : 45

Ver perfil do usuário http://digimonviverpg.forumeiros.com

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 31.10.16 16:13

Você mesmo pode criar essa tag utilizando este tutorial... não é difícil, veja:
Código:
sucesso: {
    close: true,
    replacement: '<div class="success"><p>{ATTR}</p>{CONTENT}</div>'
}

Para este exemplo, usaríamos mais ou menos o seguinte na folha de CSS:
Código:
.success {
  padding-left: 70px;
  background: url(https://cdn3.iconfinder.com/data/icons/flat-actions-icons-9/792/Tick_Mark_Dark-64.png) no-repeat 10px 15px;
}

Aí você que sabe como gostaria de personalizar sua própria tag. Feliz
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Karadruz DL em 31.10.16 17:22

Mandei uma MP de duvida, mas ate agora o código é excelente!
Karadruz DL

Karadruz DL
Nível 4

Masculino
Inscrito dia : 28/10/2016
Mensagens : 31
Pontos Ativos : 45

Ver perfil do usuário http://digimonviverpg.forumeiros.com

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Rick22 em 25.11.16 2:56

já funciona para versão do forum phbb3 ?
Rick22

Rick22
Nível 10

Masculino
Inscrito dia : 10/05/2012
Mensagens : 279
Pontos Ativos : 411

Ver perfil do usuário http://www.forum-webtools.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 11.02.17 1:33

@Rick22 escreveu:já funciona para versão do forum phbb3 ?
Este código é funcional em todas as versões!!!
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por STBWº em 27.06.17 8:12

É possível adicionar mais de um {ATTR}?
Talvez ... um personalizado?
STBWº

STBWº
Novo membro

Feminino
Inscrito dia : 17/03/2015
Mensagens : 1
Pontos Ativos : 1

Ver perfil do usuário http://www.live-the-worldwide.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Luiz em 27.06.17 23:41

@STBWº, é sim!

Piscada

Crie um novo tópico no setor de suporte para que possamos lhe ajudar. o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 15.07.17 16:52

Se possível, peço que alguém mude o código no post principal:
Código:
/*
 * Criar tags BBCode
 * Descrição: Esta aplicação serve para a criação de novas tags bbcode.
 * Versão: 2.1
 * Autor: Daemon
 * Att: 01/03/2017
 * Veja mais em: http://ajuda.forumeiros.com
 */
jQuery(document).ready(function($) {

    var bbCodes = {
 
        // Nota: Adicione uma vírgula ao final de cada nova entrada
        // O '{ATTR}' é correspondente ao 'título' da tag, e o '{CONTENT}' é correspondente ao 'texto' entre as tags
 
        sucesso: {
            close: true,
            replacement: '<div class="success"><p>{ATTR}</p>{CONTENT}</div>'
        },
 
        aviso: {
            close: true,
            replacement: '<div class="warn"><p>{ATTR}</p>{CONTENT}</div>'
        },
 
        info: {
            close: true,
            replacement: '<div class="information"><p>{ATTR}</p>{CONTENT}</div>'
        },
 
        alerta: {
            close: true,
            replacement: '<div class="alert"><p>{ATTR}</p>{CONTENT}</div>'
        },
 
        visitante: {
            close: true,
            replacement: '<div class="guest">{CONTENT}</div>',
            replace: function(content) {
                if (_userdata.session_logged_in < 1) {
                    return "Você precisa estar conectado para visualizar este conteúdo";
                    return content;
                }
            }
        }
 
        // Nota: Não adicione vírgula ao final da última entrada
 
    };

    // Não altere nada daqui para baixo
 
    var getPost = $(".postbody, .blog_message");
    var entry;
    for (var i = 0, e;
        (e = getPost[i++]);) {
        entry = $(e);
        var re, match;
        $.each(bbCodes, function(tag, value) {
 
            re = value.close ? new RegExp("\\[" + tag + "(?:=(\"|'?)([^\\]]+)\\1)?\\]([\\s\\S]*?)\\[/" + tag + "]", "gi") : new RegExp("\\[" + tag + "(?:=(\"|'?)([^\\]]+)\\1)?\\]", "gi");
            match = entry.html().match(re);
 
            if (match) {
                var content, b, c, as_string, as_func, replacement;
                for (var tag in match) {
                    content = match[tag];
                    b = "$3";
                    if (value.replace) {
                        as_string = value.replace.toString();
                        as_func = eval('(' + as_string + ')');
                        if (as_func(content)) b = as_func(content);
                    }
                    replacement = value.replacement
                        .replace(/{ATTR}/g, "$2").replace(/{CONTENT}/g, b);
                    c = content.replace(re, replacement);
                    entry.html(entry.html().replace(content, c));
                }
            }
        });
    }
});


Última edição por Daemon em 17.07.17 15:54, editado 5 vez(es)
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Harleen em 15.07.17 17:38

Olá Daemon, esse está compatível com a versão Modernbb?
Harleen

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1696
Pontos Ativos : 2245

Ver perfil do usuário http://master-publicitario.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Luiz em 15.07.17 17:54

E também quais são as diferenças dum código para o outro? Pensativo
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6622
Pontos Ativos : 7517

Ver perfil do usuário https://luizfelipe.dev

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 15.07.17 18:14

Está sim funcional em ModernBB.. alterei pouca coisa.. apenas declarando as variáveis como indefinidas antes de serem redeclaradas passando pelos loops.
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 05.07.18 13:01

O código foi totalmente reformulado, tendo sido atualizado para a versão: 1.321052018 Feliz
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1127
Pontos Ativos : 1732

Ver perfil do usuário http://bestskins.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Mirotic em 18.11.18 22:48

Como eu faço no ModernBB?
Mirotic

Mirotic
Nível 2

Masculino
Inscrito dia : 17/11/2018
Mensagens : 10
Pontos Ativos : 20

Ver perfil do usuário http://ostaberneiros.forumeiros.com/

[Plugin] Criar tags bbcode Empty Re: [Plugin] Criar tags bbcode

Mensagem por Pedxz em 19.11.18 7:00

@Mirotic escreveu:Como eu faço no ModernBB?
Olá @Mirotic,
O Senhor terá que abrir um tópico de suporte, para que possamos ajudar. Este tópico é restrito a atualizações ou relatos de bugs, sobre o código.


Cordialmente,
pedxz.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2741
Pontos Ativos : 3465

Ver perfil do usuário https://pedxz.forumeiros.com

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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum