Копировать выделенный код в буфер обмена в jekyll

Question

Я создаю блог с помощью jekyll. Я использую prettyprint, чтобы выделить фрагменты кода. Я написал jquery, чтобы отобразить кнопку при наведении кода фрагмента (внутри <pre> тег). При нажатии кнопки я получаю весь html фрагмента кода, но хочу скопировать чистый текст фрагмента кода.

Может кто-нибудь, пожалуйста, сообщите мне, как этого достичь?

Answer 1

document.execCommand function может быть использован для копирования текста в буфер обмена JavaScript. jQuery не требуется.

function copy() { 
 
    var element = document.getElementById('input'); 
 

 
    element.select(); 
 
    document.execCommand('copy'); 
 
    element.blur(); 
 
}

<input id="input" /> 
 
<button onclick="copy()">Copy Text</button>