사용자:하늘/addCopyButtonToCode.js

function addCopyLinkToCodeElements() {
	mw.util.addCSS('.copy-button { 	margin-top: 0.7em; margin-right: 0.7em; position: absolute; z-index: 100; right: 0; }\
	.mw-highlight { position: relative; }');
	
	const highlightElements = document.querySelectorAll(".mw-parser-output .mw-highlight");
	
	highlightElements.forEach(element => {
		var copybutton = new OO.ui.ButtonWidget({
			label: 'copy',
			icon: 'code',
			title: 'copy',
			classes: ['copy-button']
		});
		const codeText = element.firstChild.innerText;
		copybutton.on('click', function () { copy(codeText); });
		const endBlock = document.createElement('div');
		endBlock.style = "clear:both";
		$(element).prepend(copybutton.$element);
		element.appendChild(endBlock);
	});
}

function copy(string) {
	navigator.clipboard.writeText(string);
}

mw.loader.using(['oojs-ui-core'], addCopyLinkToCodeElements);