Botão copiar no codebox

5 participantes

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

Tópico resolvido Botão copiar no codebox

Mensagem por Purple Violet 30.07.23 4:41

Detalhes da questão


Endereço do fórum: https://mynewheroacadmia.forumeiros.com/
Versão do fórum: Awesome BB

Descrição

Como posso está habilitando a função de copiar tudo em caixas de código do fórum?


Última edição por Purple Violet em 31.07.23 11:26, editado 1 vez(es)
Purple Violet

Purple Violet
Novo Membro

Membro desde : 30/07/2023
Mensagens : 12
Pontos : 20

https://mynewheroacadmia.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Botão copiar no codebox

Mensagem por tikky 31.07.23 11:17

Bem-vindo @Purple Violet,

Olá! Seja bem-vindo(a) ao suporte Forumeiros!


Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber:

Formulário incompleto


Para que possamos dar continuidade, você deve completar todos os campos do formulário. Queira editar a sua primeira mensagem e preencher os campos devidamente. Caso não seja modificado nos próximos dois dias, este será movido para lixeira.

Para mais informações, leia o regulamento do setor de suporte.

Tópico pendente.


Cordialmente,
tikky.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7821
Pontos : 9063

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Purple Violet 31.07.23 11:27

Alterado e mesmo problema do outro tópico com questão a criação do tópico.
Purple Violet

Purple Violet
Novo Membro

Membro desde : 30/07/2023
Mensagens : 12
Pontos : 20

https://mynewheroacadmia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Musashi 31.07.23 11:56

Bom dia, @Purple Violet

Inseria esse código Javascript com investimento em todas as páginas:

Código:
$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
  window.fae_copyCode = {
    copy : '<i class="fas fa-paste" style="color: white; font-weight: 700; font-size: 18px;"></i>',
    copied : 'Código copiado com sucesso!'
  };
 
  $(function() {
    var a = $('.codebox dt').not('.spoiler > dt, .hidecode > dt'),
        i = 0,
        j = a.length;
 
    if (a[0]) {
      $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer;size:20px;}.fae_copy-code:hover{text-decoration:underline}</style>');
 
      for (; i < j; i++) {
        a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code">' + fae_copyCode.copy + '</span>');
      }
 
      new Clipboard('.fae_copy-code',{
        target : function (copy) {
          if (copy.innerHTML != fae_copyCode.copied) {
            return $(copy).closest('.codebox').find('.cont_code, code')[0];
          }
        }
 
      }).on('success', function (e) {
        var copy = e.trigger;
 
        if (copy.innerHTML != fae_copyCode.copied) {
          copy.innerHTML = fae_copyCode.copied;
          copy.className += ' fae_copied';
 
          window.setTimeout(function() {
            copy.innerHTML = fae_copyCode.copy;
            copy.className = copy.className.replace('fae_copied', '');
          }, 1000);
        }
 
        e.clearSelection();
      });
    }
 
  });
});

Caso não funcione, retorne uma resposta para esse tópico.

(Aguardo respostas).
Atenciosamente,
Musashi! Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Purple Violet 31.07.23 21:26

Como assim "com investimento"?😅
Purple Violet

Purple Violet
Novo Membro

Membro desde : 30/07/2023
Mensagens : 12
Pontos : 20

https://mynewheroacadmia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Musashi 31.07.23 21:42

@Purple Violet, o investimento em "todas as páginas" que me refiro, é uma opção que possui dentro do javascript do forumeiros.

Caso não saiba, siga esse passo-a-passo abaixo:

Painel Administrativo > Módulos > HTML e JAVASCRIPT > Gestão dos Códigos Javascripts e clique em Criar um novo código Javascript.

Lembre-se: A opção Habilitar o gerenciamento dos códigos JavaScript: deve encontra-se marcada na caixa ( X ) Sim, do contrário não estará funcionando.

Após criação, estará aparecendo um painel igual à este:

 - Botão copiar no codebox P4Awlax

Título: Seria o título do Javascript que você estará utilizando, pode colocar qualquer um de sua escolha:

Investimento: Seria onde você estará selecionado em qual localidade esse javascript estará sendo aplicado, como eu mencionei anteriormente, marque-o como investimento em Toda a página.

Código JavaScript: Será onde você estará colocando o código acima que mandei.

Caso tenha alguma dúvida de como fazer alteração dele para seu tema, nos informe para que nós faça ela o mais breve possível.

(Aguardo respostas).
Atenciosamente,
Musashi! Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Purple Violet 06.08.23 19:27

Oh sim encontrei o lugar mas o código não fez efeito. Ainda não aparece
Purple Violet

Purple Violet
Novo Membro

Membro desde : 30/07/2023
Mensagens : 12
Pontos : 20

https://mynewheroacadmia.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Fraise 12.08.23 3:52

Olá @Purple Violet!

Consulte o seguinte tutorial:
Seta https://ajuda.forumeiros.com/t111840-

Atenciosamente,
Fraise.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Purple Violet 15.08.23 3:12

Tentei fazer mas não funcionou. Pelo contrário ele bugou meu fórum e desabilitou o html
Purple Violet

Purple Violet
Novo Membro

Membro desde : 30/07/2023
Mensagens : 12
Pontos : 20

https://mynewheroacadmia.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Musashi 15.08.23 16:16

Olá novamente, @Purple Violet!

Vamos retroceder para situação antes de você ver esse tutorial.
Consulte esse seguinte tópico e informe se resultou:

Seta https://ajuda.forumeiros.com/t117200-

(Aguardo resposta).
Atenciosamente,
Musashi! Muito feliz
Musashi

Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Botão copiar no codebox

Mensagem por Sleep 22.08.23 21:19

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1108
Pontos : 1341

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos