[Plugin] Criar tags bbcode

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

  • 0

[Plugin] Criar tags bbcode

Mensagem por Daemon em 09/05/15, 03:32 pm


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
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:

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:

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:

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, 09:00 am, editado 36 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 10/05/15, 01:59 pm

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
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18072
Pontos Ativos : 22086

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

Re: [Plugin] Criar tags bbcode

Mensagem por JScript em 10/05/15, 02:22 pm

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
avatar

JScript
Membro do Fórum

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Rayner em 10/05/15, 03:27 pm

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

Rayner
Nível 8

Masculino
Inscrito dia : 24/03/2015
Mensagens : 101
Pontos Ativos : 157

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

Re: [Plugin] Criar tags bbcode

Mensagem por Lima 3005 em 10/05/15, 03:41 pm

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 10/05/15, 03:47 pm

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

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18072
Pontos Ativos : 22086

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 10/05/15, 04:06 pm

@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!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Lima 3005 em 10/05/15, 04:10 pm

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 12/05/15, 01:34 am

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

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por JScript em 12/05/15, 10:37 am

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

JS
avatar

JScript
Membro do Fórum

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 12/05/15, 10:55 am

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por JScript em 12/05/15, 11:08 am

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

JScript
Membro do Fórum

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 14/05/15, 01:48 pm

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

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por JrMAFiA em 25/05/15, 11:37 am

quote removido!

Fiquei com duvida tem como por imagem ?


Última edição por JScript em 25/05/15, 11:49 am, editado 1 vez(es) (Razão : Evite dar quote de forma desnecessária!)
avatar

JrMAFiA
Usuário avançado

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

Ver perfil do usuário

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 04/07/15, 08:47 pm

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


Tive uma idéia!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 17/07/15, 09:16 am

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 03/08/15, 09:32 pm, editado 1 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Harleen em 03/08/15, 08:17 pm

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

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1671
Pontos Ativos : 2204

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 05/09/15, 02:56 am

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Kallahari em 05/09/15, 12:25 pm

Olá,

Belo código, parabéns ao criador.

Até mais..
avatar

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/

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 20/09/15, 06:05 pm

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
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por cocas20 em 13/11/15, 06:33 pm

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

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/

Re: [Plugin] Criar tags bbcode

Mensagem por TheDarkPlay em 13/12/15, 05:54 pm

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

TheDarkPlay
Nível 9

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 13/12/15, 08:29 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Luiz em 10/09/16, 11:03 am

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


Última edição por Luiz em 15/07/17, 10:10 pm, editado 1 vez(es)
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6594
Pontos Ativos : 7352

Ver perfil do usuário https://github.com/lffg/

Re: [Plugin] Criar tags bbcode

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

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
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18072
Pontos Ativos : 22086

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 26/09/16, 01:56 pm

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
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Shek em 27/09/16, 09:48 am

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
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 18072
Pontos Ativos : 22086

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

Re: [Plugin] Criar tags bbcode

Mensagem por Karadruz DL em 31/10/16, 01:21 pm

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 31/10/16, 02:13 pm

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
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Karadruz DL em 31/10/16, 03:22 pm

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

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

Re: [Plugin] Criar tags bbcode

Mensagem por Rick22 em 25/11/16, 12:56 am

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

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/

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 10/02/17, 11:33 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por STBWº em 27/06/17, 04:12 am

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

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/

Re: [Plugin] Criar tags bbcode

Mensagem por Luiz em 27/06/17, 07:41 pm

@STBWº, é sim!

Piscada

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6594
Pontos Ativos : 7352

Ver perfil do usuário https://github.com/lffg/

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 15/07/17, 12:52 pm

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, 11:54 am, editado 5 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Harleen em 15/07/17, 01:38 pm

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

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1671
Pontos Ativos : 2204

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

Re: [Plugin] Criar tags bbcode

Mensagem por Luiz em 15/07/17, 01:54 pm

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6594
Pontos Ativos : 7352

Ver perfil do usuário https://github.com/lffg/

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 15/07/17, 02:14 pm

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Daemon em 05/07/18, 09:01 am

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

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1126
Pontos Ativos : 1730

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

Re: [Plugin] Criar tags bbcode

Mensagem por Mirotic em 18/11/18, 08:48 pm

Como eu faço no ModernBB?
avatar

Mirotic
Nível 2

Masculino
Inscrito dia : 17/11/2018
Mensagens : 8
Pontos Ativos : 14

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

Re: [Plugin] Criar tags bbcode

Mensagem por Pedxz em 19/11/18, 05:00 am

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2186
Pontos Ativos : 2745

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