将突出显示的代码复制到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>