使用 JavaScript/CSS 在文本編輯器 (Google Docs) 中創建有關單詞的工具提示

Question

簡介：我正在使用 Google Docs，並且一直在嘗試（並且正在努力）創建一個工具提示，在單擊按鈕后會在選定的（用光標突出顯示的）單詞上彈出，目的是創建用於學習的筆記。

例如，如果我有“Dynamic Programming”這個詞，我想把它的定義添加到“Dynamic Programming”的實例中，這樣當我懸停/點擊它時，定義就會出現，我不必不斷滾動或 CTRL+F 為它。

我的問題是是否有任何關於如何將工具提示附加到所選文本的建議。 我正在考慮創建一個class="tooltip"並使用 xpath 選擇更改內部 HTML 以包含此類，但我正在努力將這個想法落實到位。 有沒有關於如何解決這個問題的建議？

我嘗試使用Document.ExecCommand()更改所選文本，例如將其加粗，但沒有結果。 我看到這個命令已被棄用，但我不確定我還能用什么來代替它。 我想使用它的insertHTML() 。

到目前為止我的代碼：

我目前能夠獲取用戶的文本選擇（將工具提示附加到），盡管它不能完全按計划工作。 即使您只選擇一個詞，它也會返回整行。

function createPopup(text) {

  var text = [];
  var selection = DocumentApp.getActiveDocument().getSelection().getSelectedElements(); 

  if (selection) {
    for (var i = 0; i < selection.length; i++) {
      text.push(selection[i].getElement().asText().getText());
    }

  DocumentApp.getUi().alert(text);

  }    
}

Answer 1

回答：

不幸的是，這是不可能的。

更多信息：

顯示此類超鏈接的類似工具提示的彈出窗口不可自定義，並且目前不是 Google 表格中的一項功能。

解決方法：

您可以對單元格使用與這些工具提示類似的注釋：將鼠標懸停在單元格上將顯示這樣的注釋：

功能要求：

或者，如果您想要比單元格評論更可定制的內容，我建議向 Google 提交包含詳細信息的功能請求。

您可以通過 Google 表格 UI 執行此操作，方法是遵循“ Help > Help Sheets improve菜單項。

此處還有一個功能請求，其中詳細說明了能夠直接從 Google Apps 腳本添加和操作評論的詳細信息，因此請為問題添加星號以提高其可見性。