Manual:CopyTextLayout

CopyTextLayout is a MediaWiki widget that features a button to copy the text provided. It is a OOUI based widget. It is a combination of OOUI's TextInputWidget and ButtonWidget.

JavaScript examples
Using the widget in MediaWiki Extension will be done through the 3 steps. First create the resource javascript file, Second register the js file in extension.json file. So that the module can load by ResourceLoader. And finally, load it by Output Context.
 * In MediaWiki Extension
 * Create the resource.js file in extension directory with following code.
 * Register the js file as module in extension.json
 * Finally load it by Output Context in your SpecialPage/ParserHook.

To use the widget in UserScript is very easy, You just need to load the dependencie by mw.loader.using. and put the code into the block. Try the below code in your Special:MyPage/common.js
 * In UserScript

To use in gadgets, you have to add a mediawiki.widgets entry in the  field of gadget description. See Gadgets' documentation for instructions and examples.
 * In Gadget
 * So Add dependencies in MediaWiki:Gadgets-definition
 * Create MediaWiki:Gadget-mygadget.js page with code. You does not need to use mw.loader.using as we did in UserScript.