将突出显示的代码复制到jekyll中的剪贴板中

Question

我正在使用jekyll创建一个博客。我正在使用prettyprint来突出显示代码片段。我编写了一个jquery来显示代码片段悬停时的按钮（在＆lt; pre＆gt;标记内）。在按钮上单击我获取代码片段的整个html但我想复制代码片段的纯文本。

有人可以告诉我如何实现这个目标吗？

Answer 1

document.execCommand function可用于在JavaScript中将文本复制到剪贴板。 jQuery不是必需的。

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;