Copy codeblock contents to clipboard

[justin (Justin DiRose)]

Now live in core Discourse is the ability to show a copy button for codeblocks!

import { createWidget } from 'discourse/widgets/widget';

createWidget('my-widget', {
  tagName: 'div.hello',

  html() {
    return "hello world";
  }
});

This feature is off by default, but if your community could benefit from it, you can turn it on by enabling the show copy button on codeblocks site setting.

Some notes about the feature:

• The button shows up on pre > code codeblocks, but not inline, quoted, or oneboxed codeblocks.
• Since Discourse is ending support for Internet Explorer 11 (IE11) on June 1, 2020, this feature is not compatible with Internet Explorer.
• The Copy Codeblocks Theme Component will still exist for older Discourse instances but will not be receiving any more updates.

[JammyDodger]

Just a little extra announcement to append to this…

@justin

This feature is off by default, but if your community could benefit from it, you can turn it on by enabling the show copy button on codeblocks site setting.

The setting has proved to be so useful and universally lauded that it is now not only default on but also tucked away as a hidden site setting:

FIX: enable copy code block by default (#23662)

[Don]

Hello

Just a little note… Previously it was enabled on my site but than I disabled it. Now I looked for the site setting show_copy_button_on_codeblocks to turn it on again. But it has been hidden. So the reason I write it is it seems if previously had disabled this setting it keeps the default: false status and can only be activate with rails SiteSetting.show_copy_button_on_codeblocks=true.