How do I add a “copy” button for code snippets on my Ghost blog? [Screen Shot 2022-12-03 at 12.05.04 PM] The screen capture is from this Ghost post on adding color to code snippets. I’m running Ghost-CLI 1.23.1 and Ghost 5.25.0. Any help is much appreciated! Ted

This code runs independently of Prism—I’m using Prism without any plugins, except the autoimporter. You may have to write some of your own code to get it to work with your site. If you want something that will work out of the box, I’d just reach for Prism’s own plugins.

How do I add a "copy" button to a code snippet?

Developer help

RyanF December 8, 2022, 2:40pm 14

This gets you pretty close.

If you have a live version of this up and can share the link, I can give you some guidance on the CSS, as it’ll differ slightly depending on your theme, etc.

Copy code button

Topic		Replies	Views
How to add Copy to Clipboard Icon in prismjs? Themes	1	2467	December 3, 2022
Copy code button Using Ghost	2	54	March 29, 2025
Adding copy button for Code block Using Ghost	1	237	June 8, 2024
Copy link to clipboard button Using Ghost	1	227	March 9, 2025
Creating Custom Snippet for Multi tab code Developer help	5	378	March 13, 2024

How do I add a "copy" button to a code snippet?

Related topics