0d4d8a8e3c
* Add copy code button * External package not needed * Improve alignement * Update button style + add feedback on click Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Update dependencies Signed-off-by: hossainemruz <hossainemruz@gmail.com> --------- Signed-off-by: hossainemruz <hossainemruz@gmail.com> Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
22 lines
711 B
JavaScript
22 lines
711 B
JavaScript
addCopyButtons(navigator.clipboard)
|
|
|
|
function addCopyButtons(clipboard) {
|
|
document.querySelectorAll('pre > code').forEach(function (codeBlock) {
|
|
const button = document.createElement('button')
|
|
button.title = "Copy"
|
|
button.className = 'copy-code-button btn btn-sm'
|
|
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)
|
|
}
|
|
})
|
|
}
|