CopyCode

for Reveal.js

Customized copy button with window style

let why = `Because we always want to copy code during our presentations, right?`

Configuring CopyCode

copycode: { timeout: 1200, button: "always", display: "icons", style: { copybg: "transparent", copiedbg: "white", copycolor: "white", copiedbg: "transparent"}, window: { controls: "light", controlsOpacity: 0.5, padding: "1rem" } }

Add the above code to the Reveal.js configuration, and you will get a window-mode and button as shown here.

This is just an example file to show a customized copy button. For more CopyCode options, check the demo.