时间戳

首页 > 解决方案 > 使用 JavaScript/CSS 在文本编辑器 (Google Docs) 中创建关于单词的工具提示

javascript - 使用 JavaScript/CSS 在文本编辑器 (Google Docs) 中创建关于单词的工具提示

问题描述

简介： 我正在使用 Google Docs，并且一直在尝试（并且正在努力）创建一个工具提示，在单击按钮后会在选定的（用光标突出显示的）单词上弹出，目的是为学习创建笔记。

例如，如果我有“动态编程”这个词，我想将它的定义添加到“动态编程”的实例中，这样当我悬停/单击它时，定义就会出现，我不必不断滚动或 CTRL+F 为它。

我的问题是是否有关于如何将工具提示附加到所选文本的建议。我正在考虑可能创建一个class="tooltip"并更改内部 HTML 以使用 xpath 选择包含此类，但我正在努力将这个想法落实到位。对于如何解决这个问题有什么建议吗？

我尝试使用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);

  }    
}

标签： javascriptgoogle-apps-scriptgoogle-docsgoogle-docs-api

解决方案

回答：

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

更多信息：

在此处输入图像描述

显示此类超链接的类似工具提示的弹出窗口不可自定义，也不是当前在 Google 表格中的一项功能。

解决方法：

您可以在单元格上使用与这些工具提示类似的注释：将鼠标悬停在单元格上将显示如下注释：

在此处输入图像描述

功能要求：

或者，如果您想要比单元格评论更可定制的内容，我建议您向 Google 提交功能请求并附上详细信息。

Help > Help Sheets improve您可以按照菜单项从 Google 表格 UI 执行此操作。

这里还有一个功能请求，其中详细说明了能够直接从 Google Apps 脚本添加和操作评论，因此为问题添加星标以提高其可见性。

推荐阅读