hugo-toha/assets/scripts/features/copyCode/copyCode.js
2024-08-31 11:28:52 +02:00

34 lines
1.1 KiB
JavaScript

if (navigator && navigator.clipboard) {
addCopyButtons(navigator.clipboard)
} else {
const script = document.createElement('script')
script.src =
'https://cdnjs.cloudflare.com/ajax/libs/clipboard-polyfill/2.7.0/clipboard-polyfill.promise.js'
script.integrity = 'sha256-waClS2re9NUbXRsryKoof+F9qc1gjjIhc2eT7ZbIv94='
script.crossOrigin = 'anonymous'
script.onload = function () {
addCopyButtons(clipboard)
}
document.body.appendChild(script)
}
function addCopyButtons(clipboard) {
document.querySelectorAll('pre > code').forEach(function (codeBlock) {
const button = document.createElement('a')
button.className = 'copy-code-button'
button.innerHTML = "<i class='fa-regular fa-copy'></i>"
button.addEventListener('click', function () {
clipboard.writeText(codeBlock.innerText)
})
const pre = codeBlock.parentNode
if (pre.parentNode.classList.contains('highlight')) {
const highlight = pre.parentNode
highlight.parentNode.insertBefore(button, highlight)
} else {
pre.parentNode.insertBefore(button, pre)
}
})
}