[TUTORIAL] Botão copiar no codebox

Item: [TUTORIAL] Botão copiar no codebox
Rating: 1

por virus 29.03.18 17:31

Botão copiar no codebox

Com este código, irá ser gerado um botão de copiar no codebox de seu fórum que facilitará a copia do conteúdo do mesmo.

Botão copiar no codebox

TUTORIAIS, DICAS E ASTÚCIAS

Páginas JavaScript

As páginas JavaScript ativas em seu fórum possibilita inserir scripts e jQuery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de Controle Seta Branca

Visualização Seta Branca

Módulos

HTML & JavaScript Seta Branca

Gestão dos códigos JavaScript Seta Branca

Criar um novo JavaScript

(carregue na imagem para aumentar)
[TUTORIAL] Botão copiar no codebox Javaac10

[TUTORIAL] Botão copiar no codebox 110111

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

[TUTORIAL] Botão copiar no codebox 110210

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos.

[TUTORIAL] Botão copiar no codebox 110310

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

[TUTORIAL] Botão copiar no codebox 110410

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Código:: $.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() { window.fae_copyCode = { copy: 'Copiar Código', copied: 'Copiado!' }; $(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;}.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 $.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(); }); } }); });

Resultado: