편집토론기록

사용자:Zlzleking/gadgets/addCopyButtonToCode.js: 두 판 사이의 차이

< 사용자:Zlzleking
(새 문서: function addCopyLinkToCodeElements() { const elements = document.querySelectorAll(".mw-parser-output .mw-highlight"); elements.forEach(function(element) { const copybutton = docum...)
 
잔글 (Zlzleking님이 사용자:Zlzleking/gadets/addCopyButtonToCode.js 문서를 넘겨주기를 만들지 않고 사용자:Zlzleking/gadgets/addCopyButtonToCode.js 문서로 이동했습니다)
(차이 없음)

2022년 4월 3일 (일) 13:14 판

function addCopyLinkToCodeElements() {
	const elements = document.querySelectorAll(".mw-parser-output .mw-highlight");
	elements.forEach(function(element) {
		const copybutton = document.createElement('button');
		const code = element.firstChild.innerText;
		copybutton.innerText = "copy";
		copybutton.addEventListener('click',function() {copyCode(code)});
		copybutton.style = "float:right";
		const endBlock = document.createElement('div');
		endBlock.style = "clear:both";
		element.appendChild(copybutton);
		element.appendChild(endBlock);
	});
}

function copyCode(codeText) {
	navigator.clipboard.writeText(codeText);
}

$(function() {addCopyLinkToCodeElements()});