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.

Since the navigator.clipboard API is only available in secure contexts such as HTTPS, we added a fallback to use execCommand('copy') when the API is not available.
- https://developer.mozilla.org/ja/docs/Web/API/Clipboard
- https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard

The existing link copy feature has also been updated to use the same implementation that falls back to execCommand('copy') when navigator.clipboard is unavailable.
The previous patches (0001, 0002, 0003) conflict with the latest code, so we’ve included a new patch that combines the changes from 0001–0003 along with the fallback implementation.

Setting the target version to 6.1.0.

Fixed a system test that was failing.

Committed the patch in r23663. Thank you for your contribution.

pre blocks in formatted text now have a copy button that lets you copy their contents to the clipboard, as shown in the screenshot below. The icon appears when you hover over a code block.