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]

附加一点额外公告……

@justin

**此功能默认关闭，**但如果您的社区可以从中受益，您可以通过启用 show copy button on codeblocks 站点设置来打开它。

该设置已被证明非常有用且广受好评，因此现在它不仅默认开启，而且还被隐藏为一项隐藏的站点设置：

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

[Don]

你好

只是一个小提示……以前它在我的网站上是启用的，但后来我禁用了它。现在我寻找网站设置 show_copy_button_on_codeblocks 来重新启用它。但它被隐藏了。所以我写这封信的原因是，如果之前禁用了此设置，它将保持 default: false 状态，并且只能通过 rails SiteSetting.show_copy_button_on_codeblocks=true 来激活。