Explore >> Select a destination

You are here

 jordemort.dev
Adding copy buttons to code blocks
| | www.roboleary.net
How to add a 'copy to clipboard' button to code blocks
1.0 parsecs away

Travel
| | A copy button enabled quick copying of code to the clipboard. I will show how to use the Clipboard API, style the button, and provide user feedback.
| | digitaldrummerj.me
Hugo - Dynamically Add Copy Code Snippet Button | Justin James
1.9 parsecs away

Travel
| | Web Developer, Tester and Professional Speaker; passionate about good code, automated testing, devops, and presenting.
| | aaronluna.dev
Hugo: Add Copy-to-Clipboard Button to Code Blocks with Vanilla JS - aaronluna.dev
1.9 parsecs away

Travel
| | Hugo includes a built-in syntax-highlighter called Chroma. Chroma is extremely fast since it is written in pure Go (like Hugo) and supports every language I can think of. Chroma's speed is especially important since syntax highlighters are notorious for causing slow page loads. However, it lacks one vital feature - an easy way to copy a code block to the clipboard. I decided to document my implementation using only vanilla JS since every blog post I found for this issue relied on jquery to parse the DOM,...
| | css-irl.info
CSS { In Real Life } | From Gatsby to Eleventy: Choosing a Static Site Generator for a Personal Site
13.5 parsecs away

Travel
| A blog about CSS, front-end development, the web, and beyond.