mirror of
https://github.com/maikka39/Personal-Website.git
synced 2026-10-02 14:46:25 +00:00
Add copy code block functionality
This commit is contained in:
@@ -50,4 +50,26 @@ window.addEventListener("load", () => {
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Code copy button
|
||||
for (let codeblock of document.querySelectorAll(".highlight pre")) {
|
||||
if (codeblock.querySelector(".lnt")) continue; // skip line numbers
|
||||
|
||||
let button = document.createElement("button");
|
||||
button.classList.add("codeblock-copy");
|
||||
codeblock.appendChild(button);
|
||||
|
||||
button.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
|
||||
navigator.clipboard.writeText(codeblock.innerText);
|
||||
|
||||
document
|
||||
.querySelectorAll(".current-code")
|
||||
.forEach((elem) => elem.classList.remove("current-code"));
|
||||
|
||||
button.classList.add("current-code");
|
||||
});
|
||||
console.log(codeblock);
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user