Pulsante "Seleziona contenuto" per i tag di codice

Da **Niko** Ven 26 Mar 2021 - 19:54

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.

Pulsante "Seleziona contenuto" per i tag di codice 13-03-11

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; }

Da **Niko** Mer 10 Ago 2022 - 18:45

Selezione e Copia automaticamente i codici

Cari membri,

un aggiornamento alla risorsa con una funzione in più :bene:

Invece di avere un bottone per selezionare il contenuto, questo script aggiungerà un bottone per copiare direttamente il contenuto! Pulsante "Seleziona contenuto" per i tag di codice 3706843607

Pulsante "Seleziona contenuto" per i tag di codice 3706843607

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()})}})});

Pulsante "Seleziona contenuto" per i tag di codice