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.