У меня есть код, который работает на веб-сайтах HTML, Javascript, CSS.Но когда я создаю сообщение WordPress и добавляю текстовую область и кнопку в одном сообщении, это не работает.Когда я проверяю консоль, я вижу вызов неопределенной функции «CopyToClipboard ()».
function CopyToClipboard() {
// var copytoclipboard = document.getElementById('copytoclipboard').value;
// var text = document.getElementById('textmessage').value;
var copyText = document.getElementById("textmessage");
copyText.select();
document.execCommand("copy");
var messages = document.getElementById('messages').innerHTML = '<br/><div class="message"><p>Text copied to clipboard!</p></div>';
setTimeout(function() {
// Do something after 5 seconds
document.getElementById('messages').innerHTML = '';
}, 3000);
}
Я вставил приведенный выше код в плагин https://wordpress.org/plugins/insert-headers-and-footers/.В шапке раздела.Когда я просматриваю исходный код одного сообщения, текстовая область и функция найдены.
Это код текстовой области, в которой хранится код, который нужно скопировать в буфер обмена.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<textarea name="textmessage" id="textmessage" rows="10" cols="90%" class="form-control">
Copy and paste the the text you want to Add Line Numbers to here. Then click the appropriate buttons.
</textarea>
<button type="button" class="btn btn-primary btn-sm" onClick="CopyToClipboard()" id="copytoclipboard">Copy To Clipboard</button>
</body>
</html>
Я хочу иметь возможность скопировать текст в текстовой области в буфер обмена.