Supprimer le texte du texte copié

Question

Je souhaite utiliser JavaScript pour nettoyer le texte copié de mon site.

J'utilise des extraits comme ceci:

body { 
    vertical-align: middle; ➊ 
} 

Où indique un commentaire ➊ plus tard. Je veux que les lecteurs copient cet extrait et l'utilisent. J'ai donc besoin de supprimer ce marqueur Unicode. Comment puis-je accéder au texte copié et y apporter des modifications? J'ai envisagé de supprimer des marqueurs de l'extrait lorsque l'utilisateur clique dessus (souris), pour qu'elle puisse sélectionner le texte, le copier, puis restaurer les marqueurs, mais cela semble très long.

Answer 1

Il suffit de mettre les marqueurs unicode dans les balises de portée, et de mettre l'affichage aucun sur eux lorsque l'utilisateur clique

body { 
    vertical-align: middle; <span class="marker">➊</span> 
} 

Et faites ceci dans jQuery

$('.code') 
    .mousedown(function() { 
     $(this).find('.marker').css('display','none'); 
    }) 
    .mouseleave(function() { 
     $(this).find('.marker').css('display','inline'); 
    }); 

En prime, vous pourriez alors appliquer le style suivant aux .marker éléments:

​.marker 
{ 
    position:absolute; 
    right:0; 
}​ 

Answer 2

juste définir les marqueurs dans le commentaire? donc il ne fait pas de mal lorsqu'il est utilisé après la copie

Answer 3

Vous pouvez transformer le marqueur Unicode en une image, car les images sont ignorées lors de la copie de texte brut.

Answer 4

Il y a un oncopy gestionnaire, mais je doute qu'il soit largement supporté. Il existe également des gestionnaires d'événements de sélection comme onselectstart (encore une fois, différents pour les différents navigateurs) et divers attributs pour rendre une partie du texte non sélectionnable, comme -moz-user-select: none (encore une fois, pas cross-browser). Vous êtes probablement mieux d'utiliser des marqueurs positionnés de façon absolue ou de rendre le marqueur inaccessible via l'index z.