Comment ajouter un message custom au copier-coller dans Webflow ?

Dans ce tutoriel, Sandro cofondateur de l'agence Webflow Gemeos vous montre comment ajouter un message custom quand un utilisateur copie du texte sur votre site Webflow.

Exemple

Le script

Ajoutez ce script dans le champ Footer code. Il intercepte le copier-coller et ajoute la source automatiquement.

document.addEventListener('copy', function(e) {
  var selected = window.getSelection().toString();
  if (selected.length > 50) {
    var suffix = '

— Source : ' + window.location.href;
    e.clipboardData.setData('text/plain', selected + suffix);
    e.preventDefault();
  }
  console.log('%c Hé, tu copies ! 😄 Viens nous parler : gemeos.wf',
    'color: #a78bfa; font-size: 16px; font-weight: bold;');
});

Conclusion

Un easter egg subtil pour les développeurs qui inspectent votre code et les utilisateurs qui copient votre contenu.