Utilização de templates nas páginas

Detalhes da questão

Endereço do fórum: http://www.tutorialdoca.com
Versão do fórum: phpBB3

Descrição

Boa tarde,

Vi em outro tipo de site (Wiki) uma funcionalidade e gostaria de saber se é possível implementá-la nos fóruns:

Lá eles criam "Templates" e estes podem ser usados em outras páginas.

Vou simplificar:

É criado um template com a família de armas da "G36E", onde em cada página das variantes da G36E é colocado

Código:

{{G36E Family}}

e o site irá pegar esse template e inserir na página.

A vantagem disso, é evitar ter que dar manutenção em página por página quando uma nova variante for lançada, tendo apenas que editar o Template.

Isso já existe na Forumeiros? Se sim, como eu faço isso? A partir de uma página HTML ou JS?

"up"

Esse código seria utilizado em outras páginas HTML ou em posts?

Kyo Panda escreveu:Esse código seria utilizado em outras páginas HTML ou em posts?

Ambos.

E só para informação: meu site replica o tipo de informação dessa Wiki, a única diferença que é que a Wiki é voltada para o público internacional e meu site para o Brasil. Portanto, esse tipo de "postagem" poderia facilitar muito minha vida.

Tente utilizar esse script com investimento nos tópicos:

Código:

(function($) {
   'use strict';
   
   var config = [
      {
         label: '636E Family',
         html: '<strong>Conteúdo</strong>',
      },
      
      {
         label: 'Lorem',
         html: '<strong>Conteúdo</strong>',
      }
   ];
   
   
   $.each(config, function(index, item) {
      item.regex = new RegExp('\{\{' + item.label + '\}\}', 'gi');
   });
   
   var replace = function(item, $elem) {
      $elem.html($elem.html().replace(item.regex, item.html));
   };
   
   $(function() {
      $('.post div.content').each(function() {
         var $this = $(this);
         
         $.each(config, function(index, item) {
            return replace(item, $this);
         });
      });
   });
}(jQuery));

Nessa parte o senhor pode configurar as tags:

Código:

   var config = [
      {
         label: '636E Family',
         html: '<strong>Conteúdo</strong>',
      },
      
      {
         label: 'Lorem',
         html: '<strong>Conteúdo</strong>',
      }
   ];

Sendo label o nome da tag e html o conteúdo.

Após o senhor poderá utilizá-los nos tópicos como {{Nome da tag}}.

---

Se for necessário utilizar a tag em outro lugar, o script deverá ser alterado. Não consigo criá-lo de uma forma global sem que dê algum problema com algum elemento do código do fórum.

Kyo,

Criei um JS dessa forma com investimento "nos tópicos":

Código:

(function($) {
  'use strict';
 
  var config = [
      {
        label: 'ACR Family',
        html: '<strong><center><table border="10"><tr><td colspan="2"><center><size=18>Principais</size></center></td></tr>
<tr><td><center><img scr="http://i59.servimg.com/u/f59/17/53/75/18/bronze15.png" /></center></td><td><a href='/t361-#533'>ACR</a></td></tr>
<tr><td><center><img scr="http://i59.servimg.com/u/f59/17/53/75/18/silver11.png" /></center></td><td><a href='/t149-#214'>ACR Sandfire</a></td></tr>
<tr><td><center><img scr="http://i59.servimg.com/u/f59/17/53/75/18/silver12.png" /></center></td><td><a href='/t1526-#1807'>(ACE) ACR Sandfire</a></td></tr>
<tr><td><center><img scr="http://i59.servimg.com/u/f59/17/53/75/18/gold_i10.png" /></center></td><td><a href='/t362-#534'>ACR Blacksnake</a></td></tr>
</table></center></strong>',
      },
  ];
 
 
  $.each(config, function(index, item) {
      item.regex = new RegExp('\{\{' + item.label + '\}\}', 'gi');
  });
 
  var replace = function(item, $elem) {
      $elem.html($elem.html().replace(item.regex, item.html));
  };
 
  $(function() {
      $('.post div.content').each(function() {
        var $this = $(this);
       
        $.each(config, function(index, item) {
            return replace(item, $this);
        });
      });
  });
}(jQuery));

E ao testar em um tópico, não funcionou:



http://www.tutorialdoca.com/t2038-teste-familias#2338

Tente trocar os ' por " no HTML:

Código:

href='/t361-#533'

Código:

href="/t361-#533"

@Kyo

Funcionou! xD

Mas, só funciona se eu colocar um JS? Não tem como eu fazer por meio de uma página HTML? Pq sei que a quantidade de JS são limitadas...

E eu teria de fazer pelo menos 200 "templates".

Também aceito outra sugestão (como por exemplo, declarar todas os templates num único JS).

Mas você pode sim fazer tudo em um só javascript, veja:

Código:

(function($) {
  'use strict';
 
  var config = [
      {
        label: 'Label',
        html: 'Substituição',
      },
      {
        label: 'Label 2',
        html: 'Substituição 2',
  ];
 
 
  $.each(config, function(index, item) {
      item.regex = new RegExp('\{\{' + item.label + '\}\}', 'gi');
  });
 
  var replace = function(item, $elem) {
      $elem.html($elem.html().replace(item.regex, item.html));
  };
 
  $(function() {
      $('.post div.content').each(function() {
        var $this = $(this);
       
        $.each(config, function(index, item) {
            return replace(item, $this);
        });
      });
  });
}(jQuery));

Veja que é possível colocar mais de um "template" na parte da configuração do Javascript. o/

Obrigado @Luiz~

Já imagina isso, mas só queria confirmar.

Mais uma pergunta antes de fechar: há algum limite de caracteres para eu colocar em um JS? Se sim, qual?

Olá Zombiew.

Não posso dar certeza porque faz "séculos" que fizeram essa mesma pergunta no fórum espanhol, se não me engano. Pelo que me recordo, é 35 mil caracteres.
Eu posso perguntar aos técnicos o limite exato para você, se quiser, porque, eu acho que é este o limite.

Até.

Olá @Shek!

Por favor me confirme e me mande via MP.

Pode fechar o tópico.

Olá e bom dia @ZombieW!

Eu errei por 1.000! Eu perguntei ao técnico agora, e ele me disse que o limite é 36 mil caracteres. Passando disso, a página exibe um aviso de que "não é possível salvar sua página JS por exceder o limite de caracteres".

Abraços.