Copy code button last update and the automatic selection !!!!

Hello @Ange Tuteur ,

After the last update of this plugin the automatic selection of the text is no longer done

Before update


After update:


The functional script of the previous version

Code:



/* -- 12. copy code button -- */
$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
  window.fae_copyCode = {
    copy : 'Copier le code',
    copied : 'Copié !'
  };

  $(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:before{content:"\\f0ea";font-size:13px;font-family:FontAwesome;text-align:center;color:#69C;background:#FFF;border-radius:100%;display:inline-block;width:19px;height:19px;line-height:19px;margin:-1px 3px 0 3px}.codebox .fae_copy-code:hover:before{color:#EB5}.codebox .fae_copy-code.fae_copied:before{content:"\\f00c";font-weight:700;color:#8B5}</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('code')[0];
          }
        },

        text : function (copy) {
          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);
          }
        }
      });
    }

  });
});



Thank my friend .

a++

Hi @Milouze14,

The Copy Code button was updated to use the success event handler. When performing this update I also decided to clear the selection after the contents were copied, because leaving the selection wasn't necessary since the contents are automatically copied upon clicking the button. The only time the selection will appear is when clipboard.js fails to copy the contents to the user's clipboard. It may seem different after the update, but I can assure you that the copy code button still functions the same as before, with the only difference being the selection is now cleared.

If you like, you can always remove the line of code that clears the selection.
Go to Admin Panel > Modules > JS Codes management > ALL.JS

Find and remove : (line 965)

Code:

e.clearSelection();

Save and the selection should appear once again.

Hello @Ange Tuteur ,

Ok, i understand better this feature added, only my members are very used to highlighting code. Thank you very much my friend.

a++

Haha I can understand ; I'd think it was a bug as well if it stopped highlighting the code out of the blue. Partly it's my mistake, because I should've used the success handler to begin with.

You're welcome.

No, it was me who precipitated things my friend

Sorry @Ange Tuteur ,i would not start again, promised

a++

It's no problem, after all there's no harm in asking if you have concerns !