Addition of a "Copy Code" button to the code editing interface

[perminder-17]

Increasing Access

1.Enhanced Usability: The "Copy Code" button would simplify the task of copying code, reducing the need to manually select and
copy text, which can be error-prone and time-consuming.
2.Improved Productivity: Users can save time and effort when sharing or moving code within your platform, increasing overall
productivity.
3.User Satisfaction: Implementing user-requested features like this can enhance overall user satisfaction, demonstrating that you
listen to and value user feedback.

Feature request details

I propose the addition of a "Copy Code" button to the code editing interface. This button would allow users to easily copy the code from the text area created for writing and editing code. The feature aims to streamline the process of copying code snippets and would be particularly useful for users who frequently share code with others or need to move code between different parts of your platform.

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[KSSaiTeja]

Good feature request!! can i work on this..

[pankajdharmik4]

I want to work on this issue

[perminder-17]

@lindapaiste

[KSSaiTeja]

@perminder-17 Share your ideas that how to add copy button..

[perminder-17]

I am working on it.

[perminder-17]

I have successfully done the PR. Please see @lindapaiste.

[lindapaiste]

@perminder-17 has written all of the code for this in #2451, but we are not sure exactly what the button should look like and where it should go in the layout. If any of you have a good eye for design then feel free to share your thoughts!

One option would be an icon button, similar to what GitHub uses:

I also think that the UI in the mockups in this issue is better than what's in #2451 because the button is smaller and located closer to the code. This is a non-essential feature so we don't want too much emphasis on the button.

[heyhimansh]

Hey, could you also consider adding a reset button adjacent to the copy button to reset the whole code and start from the beginning.

[nirajbagdi]

I've just submitted a pull request to address this feature. @lindapaiste your feedback and review would be greatly appreciated.