javascript - 实现 JS 按钮 - 如何仅复制代码而不复制注释

Question

大家好，新年快乐。

我确实有一个关于如何实现一些(我认为不确定)JavaScript 的问题，以便将代码复制到框中，以便用户可以直接粘贴到他们的 shell 中。

问题是，盒子里的代码来自MySQL数据库，包含注释/描述/段落/常规文本。

你会明白我想说的，请看下面的例子:

例如，查看我网站上的命令行:http://www.clihelp.org/WI00261/see-the-status-of-the-w32time-service

正如您从页面中看到的，标题为“命令行脚本”的框中的文本可以轻松实现 JavaScript 来复制代码并粘贴。

但是示例 1、示例 2、示例 3 呢……

如何告诉 JavaScript 仅复制代码而不复制注释/文本？

再次查看同一个问题。这是另一个例子:

http://www.clihelp.org/LX00050/sort

提前非常感谢您的帮助。

Answer 1

类似 ClipboardJS您可以准确指定要复制的内容以及从何处复制。您将需要提供一些额外的标记来定位相关位。在本例中，我将其包装到一个 span 中。他们的文档中的一个示例，根据您的情况进行了调整:

<!-- Target -->
<code>
    Output a list of privileges
    <br>
    <br>
    <span id="command">sc qprivs w32time</span>
</code>

<!-- Trigger -->
<button class="btn" data-clipboard-target="#command">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>