如何配置 AsciiDoc 復制到剪貼板？

Question

如何配置我的 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");
    }
}
----

Answer 1

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

JavaScript 將在瀏覽器中運行，定位頁面上的所有源代碼塊，然后動態生成按鈕的 DOM 結構，以及使復制到剪貼板發生的事件。 CSS 將定位按鈕並設置按鈕樣式。

可以使用docinfo 文件將自定義 CSS 和/或 JavaScript 添加到asciidoctor生成的 HTML。

clipboard.js可以輕松實現復制功能。

這是一段時間以來的功能請求。 討論中包含了可能有效的解決方案，但我尚未對其進行測試。