You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.8 KiB
54 lines
1.8 KiB
<script src="<%- theme.plugins.clipboard %>"></script> |
|
<script> |
|
function wait(callback, seconds) { |
|
var timelag = null; |
|
timelag = window.setTimeout(callback, seconds); |
|
} |
|
!function (e, t, a) { |
|
var initCopyCode = function(){ |
|
var copyHtml = ''; |
|
copyHtml += '<button class="btn-copy" data-clipboard-snippet="">'; |
|
copyHtml += '<i class="fas fa-copy"></i><span>COPY</span>'; |
|
copyHtml += '</button>'; |
|
$(".highlight .code pre").before(copyHtml); |
|
$(".article pre code").before(copyHtml); |
|
var clipboard = new ClipboardJS('.btn-copy', { |
|
target: function(trigger) { |
|
return trigger.nextElementSibling; |
|
} |
|
}); |
|
clipboard.on('success', function(e) { |
|
let $btn = $(e.trigger); |
|
$btn.addClass('copied'); |
|
let $icon = $($btn.find('i')); |
|
$icon.removeClass('fa-copy'); |
|
$icon.addClass('fa-check-circle'); |
|
let $span = $($btn.find('span')); |
|
$span[0].innerText = 'COPIED'; |
|
|
|
wait(function () { // 等待两秒钟后恢复 |
|
$icon.removeClass('fa-check-circle'); |
|
$icon.addClass('fa-copy'); |
|
$span[0].innerText = 'COPY'; |
|
}, 2000); |
|
}); |
|
clipboard.on('error', function(e) { |
|
e.clearSelection(); |
|
let $btn = $(e.trigger); |
|
$btn.addClass('copy-failed'); |
|
let $icon = $($btn.find('i')); |
|
$icon.removeClass('fa-copy'); |
|
$icon.addClass('fa-times-circle'); |
|
let $span = $($btn.find('span')); |
|
$span[0].innerText = 'COPY FAILED'; |
|
|
|
wait(function () { // 等待两秒钟后恢复 |
|
$icon.removeClass('fa-times-circle'); |
|
$icon.addClass('fa-copy'); |
|
$span[0].innerText = 'COPY'; |
|
}, 2000); |
|
}); |
|
} |
|
initCopyCode(); |
|
}(window, document); |
|
</script>
|
|
|