[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 : 1129
Pontos Ativos : 1734

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 : 18510
Pontos Ativos : 22285

https://shiftactive.blogspot.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

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 9

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

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

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 : 18510
Pontos Ativos : 22285

https://shiftactive.blogspot.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 : 1129
Pontos Ativos : 1734

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

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 : 1129
Pontos Ativos : 1734

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

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 : 1129
Pontos Ativos : 1734

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

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 : 1129
Pontos Ativos : 1734

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

[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 : 1129
Pontos Ativos : 1734

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 : 1129
Pontos Ativos : 1734

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 : 1739
Pontos Ativos : 2306

https://antenadogames.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 : 1129
Pontos Ativos : 1734

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

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 : 1129
Pontos Ativos : 1734

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

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

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 : 1129
Pontos Ativos : 1734

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 : 6636
Pontos Ativos : 7535

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 : 18510
Pontos Ativos : 22285

https://shiftactive.blogspot.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 : 1129
Pontos Ativos : 1734

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 : 18510
Pontos Ativos : 22285

https://shiftactive.blogspot.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

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 : 1129
Pontos Ativos : 1734

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

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

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 : 1129
Pontos Ativos : 1734

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

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 : 6636
Pontos Ativos : 7535

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 : 1129
Pontos Ativos : 1734

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 : 1739
Pontos Ativos : 2306

https://antenadogames.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 : 6636
Pontos Ativos : 7535

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 : 1129
Pontos Ativos : 1734

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 : 1129
Pontos Ativos : 1734

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 5

Masculino
Inscrito dia : 17/11/2018
Mensagens : 48
Pontos Ativos : 78

https://ajuda.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.


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.
Pedxz Moderadeiro
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 3835
Pontos Ativos : 4557

https://power-pixel.net

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

Mensagem por Daemon em 02.03.20 22:37

Quanto tempo, hein amigos? Hahah... Passando para avisar que através da ideia de um usuário do FDF americano fiz outro BBCode para implementar no código deste plugin. Ele se chama: "SOMENTE"
Basicamente ele esconde o conteúdo para usuários, menos para aqueles que foram mencionados e administradores.
O código:
Código:
{
    tag: 'somente',
    close: true,
    replacement: '<div class="onlyto">{content}</div>',
    replace: function(option, content) {
        var myArray = new Array();
        // this will return an array with strings "1", "2", etc.
        myArray = option.split(",").map(function(el) {
            return el.trim();
        });
        if ($.inArray(_userdata.username, myArray) == -1 && _userdata.user_level != 1) {
            return 'Apenas ' + myArray.join(", ").replace(/,([^,]*)$/, ' e $1') + ' pode(m) ver esta mensagem.';
            return content;
        }
    }
}

Leia a publicação principal para entender como aplicá-lo ao código.

Para utilizar é muito simples, basta seguir o seguinte exemplo:
Código:
[somente="Daemon, Holkis, Shek"]Conteúdo a ser exibido aqui[/somente]

Caso o usuário seja um dos mencionados ele conseguirá ver o conteúdo, caso contrário será exibida uma mensagem informando que apenas os usuários mencionados podem visualizar.

Saudações!
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1129
Pontos Ativos : 1734

http://bestskins.forumeiros.com/

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

Mensagem por Luiz em 15.03.20 19:35

@Daemon, acho que vale ressaltar que essa não é uma opção para informações que realmente devem ficar escondidas. Qualquer usuário com um mínimo conhecimento de JavaScript há de saber que desativando esse recurso o conteúdo se torna visível. Aliás, pelo próprio código-fonte da página já se pode visualizar o conteúdo.

Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6636
Pontos Ativos : 7535

https://luizfelipe.dev

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

Mensagem por Klanxi em 15.03.20 19:56

@Luiz escreveu:@Daemon, acho que vale ressaltar que essa não é uma opção para informações que realmente devem ficar escondidas. Qualquer usuário com um mínimo conhecimento de JavaScript há de saber que desativando esse recurso o conteúdo se torna visível. Aliás, pelo próprio código-fonte da página já se pode visualizar o conteúdo.

Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras

Mas uma pessoa com o minimo tambem consegue complicar quando alguem desativa os Javascript.
Klanxi

Klanxi
Candidato a Ajudeiro

Masculino
Inscrito dia : 30/08/2018
Mensagens : 39
Pontos Ativos : 70

https://ajuda.forumeiros.com/

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

Mensagem por Luiz em 15.03.20 22:24

@Klanxi escreveu:Mas uma pessoa com o minimo tambem consegue complicar quando alguem desativa os Javascript.

Nesse caso, "complicar" não deve jamais ser levado como fator de segurança. Ainda nesse contexto, apenas uma perda de tempo. Aliás, eu não sei como uma pessoa "complicaria" nada aí. Só consigo pensar em HTML e CSS, que também são passíveis de inspeção e manipulação do lado do cliente...

Poderia elaborar mais? Feliz
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6636
Pontos Ativos : 7535

https://luizfelipe.dev

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

Mensagem por Daemon em 21.03.20 17:26

@Luiz escreveu:@Daemon, acho que vale ressaltar que essa não é uma opção para informações que realmente devem ficar escondidas. Qualquer usuário com um mínimo conhecimento de JavaScript há de saber que desativando esse recurso o conteúdo se torna visível. Aliás, pelo próprio código-fonte da página já se pode visualizar o conteúdo.

Eis o problema da falta de uma customização mais rica em ferramentas. Temos que recorrer à soluções inseguras — meras gambiarras

É verdade! Infelizmente a falta de recursos faz com que a gambiarra entre em ação! Kkkkk... Diríamos que é uma função a mais que funciona em parte.
Daemon

Daemon
Membro do Fórum

Masculino
Inscrito dia : 02/03/2012
Mensagens : 1129
Pontos Ativos : 1734

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