使用 JavaScript/CSS 在文本编辑器（Google 文档）中创建有关单词的工具提示

Question

简介： 为了创建学习笔记。

例如，如果我有单词“Dynamic Programming”，我想将它的定义添加到“Dynamic Programming”的实例中，这样当我在它上面hover/click时，定义就会出现而且我将不必不断地滚动或 CTRL+F。

我的问题是是否有任何关于如何将工具提示附加到 selected 文本的建议。我正在考虑创建一个 class="tooltip" 并更改内部 HTML 以使用 xpath selection 包含此 class，但我正在努力将这个想法付诸实施.对于如何处理这个问题有什么建议吗？

我试过使用 Document.ExecCommand() 更改 selected 文本，比如将其加粗，但没有结果。我看到这个命令已被弃用，但我不确定我还能用什么来代替它。我想使用它的 insertHTML().

到目前为止我的代码：

我目前能够获取用户的文本 selection（将工具提示附加到），尽管它没有完全按计划工作。即使你 select 只有一个词，它也会 returns 整行。

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 表格 UI 中执行此操作，方法是按照 Help > Help Sheets improve 菜单项进行操作。

还有一个功能请求 here，其中详细说明了能够直接从 Google Apps 脚本添加和操作评论，因此请为问题添加一个星号以提高其知名度。

使用 JavaScript/CSS 在文本编辑器（Google 文档）中创建有关单词的工具提示

Creating a tooltip on word(s) in a text editor (Google Docs) using JavaScript/CSS

javascript

google-docs

google-docs-api

google-apps-script

答案：

更多信息：

解决方法：

功能请求：