Skip to content

v1.16.0 – Copy Button for Code Blocks

Choose a tag to compare

@BobWs BobWs released this 13 Sep 08:11
· 2 commits to main since this release

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+C for 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.0

Docker 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! 📋