如何配置 AsciiDoc 复制到剪贴板？

如何解决如何配置 AsciiDoc 复制到剪贴板？

如何配置我的 asciidoc README.adoc 项目文档代码块/片段以允许复制到剪贴板？我想将使用 Gradle 和 asciidoc (README.adoc) 的典型项目 README 文档添加到我的项目中。我的问题是当我的文档呈现为 HTML 并且我有一个代码块时，该代码突出显示了语法，但我也希望复制到剪贴板选项。我正在使用 Gradle 和 IntelliJ。请参阅下面的示例 README.adoc。

= My Title
:source-Highlighter: rouge

Example main:

[source,java]
----
public class Foo() {
    public static main(String[] args) {
        System.out.println("Hello asciidoc");
    }
}
----

解决方法

您需要在 HTML 中添加一些自定义 CSS 和 JavaScript 才能使其正常工作。

JavaScript 将在浏览器中运行，定位页面上的所有源代码块，然后动态生成按钮的 DOM 结构，以及使复制到剪贴板发生的事件。 CSS 将定位按钮并设置按钮样式。

可以使用 docinfo files 将自定义 CSS 和/或 JavaScript 添加到 asciidoctor 生成的 HTML。

clipboard.js 可以轻松实现复制功能。

这已经有一段时间了feature request。讨论中包含了可能有效的解决方案，但我尚未对其进行测试。