v1.16.0 – Copy Button for Code Blocks
New Feature: Copy Button on Code Blocks
Every code block in the note viewer now has a small copy button in the bottom-right corner. One click copies the entire code content to your clipboard.
How it works:
- Open any note containing a code block
- Hover over the code block to reveal the copy button
- Click to copy the code
- The icon briefly changes to a checkmark to confirm the copy
Visual design:
- Default state: Theme-muted grey icon, subtle background
- Hover state: Theme-brand color (matching the app's accent)
- Click state: Checkmark for 1.5 seconds, then reverts
Where it works:
-
✅ Any language code block (JavaScript, Python, Bash, etc.)
-
✅ HTTPS, HTTP, and localhost environments
-
✅ Light and dark themes
-
No more manual selection and
Ctrl+Cfor code snippets -
Especially useful when following tutorials or documentation
-
Works reliably even without HTTPS (uses a fallback clipboard method)
Installation
docker pull dockerbobw/flatnotes-enhanced:latest
docker pull dockerbobw/flatnotes-enhanced:v1.16.0Docker Compose
image: dockerbobw/flatnotes-enhanced:latest
# or pin to this version:
# image: dockerbobw/flatnotes-enhanced:v1.16.0🔗 Links
🙏 Thank You
Thanks to everyone using and testing Flatnotes-Enhanced.
Copy code with one click! 📋