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 でのみ有効化できるようです。