Google文档附加组件-带有侧边栏按钮的文本setSelection-如何使其成为活动选择？ 文本选择处理服务器端返回值

如何解决Google文档附加组件-带有侧边栏按钮的文本setSelection-如何使其成为活动选择？ 文本选择处理服务器端返回值

背景：

我正在Google电子市场的Google附加组件中使用setSelection() method。

单击附件侧栏上的相关按钮时，将按预期选择文本。 但是，此选择未激活-即，所选文本以浅灰色而不是浅蓝色突出显示（请参见下面的示例）。

现在：

我需要什么：

这是因为浏览器选项卡的最后一个活动部分是侧边栏（单击按钮后），而不是实际文档。

问题：

有没有一种方法可以使按钮单击以选择文本并使保持文档的活动部分？

目标：

此选择的全部目的是通过键盘上的Ctrl + C复制所选的文本，当未激活该选择时是不可能的。

现在用户需要使用鼠标右键单击并从菜单中选择Copy ...

解决方法

在客户端代码上，使用google.script.host.editor.focus()使编辑器上的选择成为活动选择。

function showSidebar(){
  var ui = DocumentApp.getUi();
  var html = '<div>Hello world!</div>'
  html += '<div><button onclick="google.script.host.editor.focus()">Click me!</button></div>';
  ui.showSidebar(HtmlService.createHtmlOutput(html));
}

---

来自https://developers.google.com/apps-script/guides/html/communication#moving_browser_focus_in

在Google Workspace中移动浏览器焦点

要将用户浏览器中的焦点从对话框或侧边栏切换回Google文档，表格或表单编辑器，只需调用方法google.script.host.editor.focus（）。与Document服务方法Document.setCursor（position）和Document.setSelection（range）结合使用时，此方法特别有用。

,

解决方案

由于您的目标是复制所选文本，因此我想提出一种替代解决方案：

现在，该任务将直接包括复制功能，而无需单击按钮就无需其他用户输入。它将以这种方式开发：

文本选择

通过单击按钮触发的Apps脚本功能获取所选文本：

//... Your custom logic to get the text selection
var text-to-copy = doc.setSelection(x)
                      .getSelection()
                      .getRangeElements()
                      .map(re => re.getElement()
                                   .asText()
                                   .getText())
                      .join(" ");
return text-to-copy;

我们无法从Apps脚本访问用户剪贴板，但是使用successHandler，我们可以将text-to-copy变量传递到客户端界面。

处理服务器端返回值

通过以下方式，我们可以将文本传递回HTML侧边栏。

<!-- HTML Interface Index.html -->

<button onclick="google.script.run.withSuccessHandler(copyToClipboard).setSelection()">
   Click Here
</button>
<script>
    function copyToClipboard(text) {
        const elem = document.createElement('textarea');
        elem.value = text;
        document.body.appendChild(elem);
        elem.select();
        document.execCommand('copy');
        document.body.removeChild(elem);
    }
</script>

我们现在可以利用本地客户端功能将文本直接复制到用户剪贴板，而无需在脚本完成后将其复制到 Ctrl + C 。

在这种情况下，好的做法是在复制过程完成后向您的用户提供视觉反馈。

参考

withSuccessHandler(function)