Inserindo BBcode para imagens

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://allyheaven.forumeiros.com/

Descrição do problema

Boa tarde.

Me desculpem se estou fazendo algo errado, primeiro post meu aqui.

Eu gostaria de inserir um BBCode desse tipo: http://prntscr.com/5rb8f0

Esse atalho adicionaria as tags: http://prntscr.com/5rb90x

Só que preciso configurar essa userbar com o link de uma imagem de um jogo que eu jogo.

http://prntscr.com/5rb9r3 para aparecer a imagem: http://prntscr.com/5rbaga

Eu poderia só usar esse link gigante, mas ficaria muito incomodo para meus membros, ficaria bem mais fácil criar esse atalho.

Não sei se deu pra entender.

Abraço.

Aplique esse código .JS com o Investimento em todas as páginas:

Código:

jQuery(document).ready(function(){d='userbar';jQuery('.postbody table#'+d+',.sig-content table#'+d).html('<img src="http://i.imgur.com/EcHT8cu.png">')});

Utilize esse BBCode em sua mensagem:

Código:

[table id=userbar][/table]

Até mais.

É mais ou menos isso, só que esse

Código:

('<img src="http://i.imgur.com/EcHT8cu.png">')

não seria essa imagem em si, essa userbar é de um jogo que eu jogo, a userbar não tem link fixo, ela pode mudar, porque são vários personagens.

Código:

http://mucabrasil.com.br/forum/userbar.php?n=behemoth

Depois do '=' seria o nome do personagem, podendo variar.

A ideia seria colocar o BBCode na mensagem e aparecer a imagem do personagem que está entre os 'tables':

Código:

[table id=userbar]Behemoth[/table]

Abraço.

Não sei se entendi muito bem o que o senhor deseja, mas vamos tentar da seguinte forma...
Crie um novo JavaScript adicionando o seguinte conteúdo:

Código:

if (document.readyState ===  'complete') {
         bbcode_bestskins();
} else {
       document.addEventListener('DOMContentLoaded', function() {
         bbcode_bestskins();
       });
}
function bbcode_bestskins() {
 /*Versão do fórum*/
 var phpbb2 = $('.bodyline');
 var phpbb3 = $('#wrap');
 var punbb = $('#pun-intro');
 var invision = $('#ipbwrapper');

 var entry;
 if(phpbb2.length) {
    entry = $('.postbody, .blog_message').get();
 } else if(phpbb3.length) {
    entry = $('.post .content, .blog_message').get();
 } else if(punbb.length) {
    entry = $('.post .entry-content, .blog_message').get();
 } else if(invision.length) {
    entry = $('.post-entry, .blog_message').get();
 }

 for (i = 0; i < entry.length; i++) {
      entry[i].innerHTML = entry[i].innerHTML

      // Add new bbcodes below //

      .replace(/\[userbar\](.*?)\[\/userbar\]/g,
                 '<a href="http://mucabrasil.com.br/forum/userbar.php?n=$1">$1</a>'
      )

 }
};

Após utilizá-do, funcionará da seguinte forma:

Código:

[userbar]EXEMPLO[/userbar]

Código:

<a href="http://mucabrasil.com.br/forum/userbar.php?n=EXEMPLO">EXEMPLO</a>

Se não for assim que o senhor deseja, peço que dê mais informações para prosseguirmos com o suporte.


Até mais!

Isso! Modifiquei algumas coisinhas no código e cheguei no resultado que eu queria.

Obrigado Daemon!