Redmine

This patch adds a copy button next to the pre tag.

I have attached a patch modified to work with the latest version of Redmine.
This patch updates the structure of the

 tag using JavaScript, transforming it into the following HTML structure:
<pre><code class="html">
<notextile>
<div class="pre-wrapper">
  <a title="Copy" class="copy-pre-content-link icon-only">(copy icon)</a>
  <pre><code>text</code></pre>
</div>
</notextile>

With this change, clicking the "Copy" link will copy the contents of the pre tag to the clipboard.

I have confirmed that the patch posted in #note-5 works on Chrome, Firefox, and Safari. I think it is very good, but I have a suggestion regarding the position of the copy button.

How about placing the copy button inside the code block? This improves the patch in #note-5 in the following two ways:

• A UI where the copy button is inside the code block is more common, as seen in GitHub and Jira, making it more intuitive to use.
• It avoids the need to reduce the code block's area. In #note-5, additional right margin was added to accommodate the copy button.

See also copy_button_inside_codeblock_demo.gif

Additionally, it seems that the button_copied definition added to locales/en.yml in #note-5 is not being used.

I have attached two additional patches (0002, 0003) to address these improvements.