Addition of a Copy Button in the Editor

Increasing Access

While copying can be done with keyboard shortcuts, the absence of a copy button is often felt, especially by beginners and users on touch devices. In a lightweight, beginner-friendly editor like the p5.js web editor, a visible copy button is naturally expected by users. On touch devices in particular, a single tap is much simpler than manually selecting text.

Feature request details

This feature was previously in discussion a year ago.

I even made a PR #2462 showing how this would look like in action, but couldn't move forward with it due to it being inactive for a long time. But I'd be happy to pick this up again, if we think this could be a useful addition :)

I also found issue #3460, which notes text selection and copy on touch devices isn't seamless, which I also experienced with my mobile device. Though this issue could be resolved with the move to CM6, I think having a copy button in place would be a good idea.

Start by reviewing the approach shown in PR #2462 and the touch-selection context in issue #3460, then inspect the current editor UI and copy behavior. Done means the editor provides a visible copy button that copies the relevant code with a single tap, including on touch devices.