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

Question

我正在使用 jekyll 创建博客。我正在使用 prettyprint 来突出显示代码片段。我写了一个 jquery 来在悬停代码片段时显示一个按钮（在

标记内）。单击按钮，我得到了整个 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>

Copy highlighted code into clipboard in jekyll