Esiste un modo per consentire agli utenti di copiare il testo da un sito Web e il testo non formattato?

Question

Praticamente solo la domanda. Ho un cliente che richiede un design negativo con testo quasi bianco su tutta la pagina Web, ma i tester dicono che è noioso copiare e incollare dal sito Web come tutto ciò che appare come testo bianco quando si copia in Word o simili.

Esiste un modo per rimuovere preventivamente la formattazione quando un utente tenta di copiare il testo dal sito Web? O c'è un modo per dirottare ciò che viene effettivamente messo negli appunti?

Answer 1

Utilizzando il codice sia da qui Javascript: Hijack Copy? e qui Get the Highlighted/Selected text (grazie @Jacque Goupil) sono stato in grado di mettere insieme il seguente codice che mette a nudo la formattazione da qualsiasi cosa copiate nella pagina:

$("body").bind('copy', function(e) { 
var newEl = document.createElement("p"); 
document.body.appendChild(newEl); 

if (window.getSelection) { 
    newEl.innerHTML = window.getSelection().toString(); 
} else if (document.selection && document.selection.type != "Control") { 
    newEl.innerHTML = document.selection.createRange().text; 
} 

var selection = document.getSelection(); 
var range = selection.getRangeAt(0); 
selection.selectAllChildren(newEl); 

setTimeout(function() { 
    newEl.parentNode.removeChild(newEl); 
    selection.removeAllRanges(); 
    selection.addRange(range); 
}, 0) 
}); 

Grazie per l'aiuto tutti!

Answer 2

Ciò che viene visualizzato negli appunti per impostazione predefinita dipende dal browser. I processori di testo come Microsoft Word di solito hanno opzioni per ignorare lo stile incollato, quindi non dovrebbe essere un problema se imparano come usarlo correttamente.

Se si desidera rendere la vita più facile alle persone, è possibile rilevare gli eventi di copia e sostituire il testo formattato con testo non elaborato. Questo potrebbe aiutare a:

How do I copy to the clipboard in JavaScript?

Get the Highlighted/Selected text

Answer 3

In Word hai la possibilità di 'Incolla come testo normale' (o 'Incolla senza formattazione', non sono sicuro del nome esatto in inglese). In questo modo, puoi incollare facilmente testo da qualsiasi sito web senza markup.

Non penso che dovrebbe essere responsabilità del sito Web implementare una "copia senza markup".

Altro trucco: incollare prima il testo con il markup nel Blocco note. Quindi selezionalo in Blocco note e copia di nuovo. Gli appunti ora contengono solo testo normale.

Ovviamente è difficile educare gli utenti, ma a meno che non ci sia una buona ragione per cui la gente copi i testi dal sito web, non realizzerei un'implementazione personalizzata per questo. Quelle implementazioni, specialmente quando si sostituisce il comportamento predefinito (cattura Ctrl + C), probabilmente non funzioneranno bene o almeno lo stesso in ogni browser, e sono solo una soluzione per il tuo sito web, non per tutti. Inoltre, una tale funzionalità potrebbe infastidire gli altri utenti che fanno sanno come gestire il testo con mark-up. Quindi penso che sia meglio permettere agli utenti di capire da soli.

Per quanto riguarda il dirottamento degli appunti, se si copia HTML, il browser copia effettivamente il contenuto in più formati, ad esempio HTML, RTF e testo normale. Se avessi i mezzi, potresti semplicemente rimuovere la versione HTML e RTF dagli appunti e lasciare che rimanga la versione in testo normale. Ma sono abbastanza sicuro che tu non abbia così tanto controllo sugli appunti dal browser.

Answer 4

Ctrl + alt + v o ctrl + shift + v dovrebbe incollare ciò che è presente negli Appunti come testo non formattato. Molto utile per copiare esempi di codice in documenti word. Questo dovrebbe funzionare anche su Mac se si sostituisce cmd per Ctrl