Pulsante "Seleziona contenuto" per i tag di codice

[Niko]

Pulsante "Seleziona contenuto" per i tag di codice

Definizione Questo trucco ti consente di aggiungere la possibilità ai tuoi membri di selezionare il contenuto delle informazioni che si trovano tra i tag del codice. Installazione Andiamo verso Pannello di amministrazione ► Moduli ► HTML e JAVASCRIPT - Gestione del codice Javascript, assicuriamoci che la gestione dei codici javascript sia attivata e creiamo un nuovo codice con queste caratteristiche: Titolo: a tua scelta Dove: negli argomenti Codice: Codice: function selectCode(e) {     var s = $(e).closest("dl").find(".cont_code,code").get(0), range, selection;     var a = s, z = s;     while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;     while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;     if (!$(a).is('.fixff')) {         var fix = $('<span class="fixff"/>').insertBefore(a);     } else {       a = a.nextSibling;     }     if (document.body.createTextRange) {         range = document.body.createTextRange();         range.moveToElementText(s);         range.select();     } else if (window.getSelection) {         selection = window.getSelection();         range = document.createRange();         range.setStart(a, 0);         range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);         selection.removeAllRanges();         selection.addRange(range);     } }; $(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')}); Modifica del foglio di stile CSS Andiamo verso Pannello di amministrazione  Visualizzazione  Immagini e colori - Colori (scheda Foglio di stile CSS) e aggiungiamo questo codice: Codice: .selectCode { float:right; text-transform: uppercase; cursor:pointer; } div.cont_code { clear: right; }

Tutorial creato da Ea e Bipo del forum di supporto francese e Tradotto da Niko

[Niko]

Selezione e Copia automaticamente i codici

Cari membri, un aggiornamento alla risorsa con una funzione in più Invece di avere un bottone per selezionare il contenuto, questo script aggiungerà un bottone per copiare direttamente il contenuto! Andiamo verso Pannello di amministrazione ► Moduli ► HTML e JAVASCRIPT - Gestione del codice Javascript assicuriamoci che la gestione dei codici javascript sia attivata e creiamo un nuovo codice con queste caratteristiche: Titolo: a tua scelta Dove: Negli argomenti Codice: Codice: $.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js',function(){window.fae_copyCode={copy:'Copia codice',copied:'Copiato!'};$(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 $(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()})}})});

Tutorial creato daNiko