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

【问题标题】：Copy highlighted code into clipboard in jekyll将突出显示的代码复制到 jekyll 中的剪贴板
【发布时间】：2019-03-25 05:35:33
【问题描述】：

我正在使用 jekyll 创建博客。我正在使用 prettyprint 突出显示代码 sn-ps。我编写了一个 jquery 来在代码 sn-p （在

标记内）悬停时显示一个按钮。在按钮上单击我得到了代码 sn-p 的整个 html，但我想复制代码 sn-p 的纯文本。

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

【问题讨论】：

谷歌搜索了一段时间后，我得到了一个名为 ZeroClipboard 的插件。这正是我想要的。此处提供演示：bowser.effectgames.com/~jhuckaby/zeroclipboard 此处提供集成过程github.com/zeroclipboard/zeroclipboard/blob/master/docs/… 或者此 URL 将有所帮助：java.dzone.com/articles/jquery-copy-clipboard

【解决方案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>

【讨论】：