如何通过Google Apps Script侧边栏向Gmail当前回复邮件插入文本？

由于Gmail官方Apps Script API未提供直接操作正在编辑的邮件输入框的接口，目前只能通过侧边栏客户端JavaScript结合DOM操作的hack方式实现，具体步骤如下：

1. 编写侧边栏HTML页面 #

创建Sidebar.html文件，包含触发按钮和操作DOM的脚本：

<!DOCTYPE html>
<html>
  <body>
    <button onclick="insertTextToReplyBox()">插入自定义文本</button>
    <script>
      function insertTextToReplyBox() {
        // 访问Gmail主页面的DOM（侧边栏为iframe，与主页面同域）
        const parentDoc = window.parent.document;
        
        // 定位正在编辑的邮件输入框（Gmail DOM结构可能更新，需定期验证选择器）
        const editor = parentDoc.querySelector('div[role="textbox"][contenteditable="true"]');
        
        if (!editor) {
          alert('未找到正在编辑的邮件输入框，请先打开回复/撰写窗口');
          return;
        }
        
        // 自定义要插入的文本
        const textToInsert = '你要插入的内容';
        
        // 处理光标位置插入
        const selection = window.parent.getSelection();
        if (selection.rangeCount > 0) {
          const range = selection.getRangeAt(0);
          range.deleteContents();
          const textNode = document.createTextNode(textToInsert);
          range.insertNode(textNode);
          
          // 将光标移至插入文本末尾
          range.setStartAfter(textNode);
          range.setEndAfter(textNode);
          selection.removeAllRanges();
          selection.addRange(range);
        } else {
          // 无选中内容时直接追加到输入框末尾
          editor.appendChild(document.createTextNode(textToInsert));
        }
      }
    </script>
  </body>
</html>

2. 加载侧边栏的Apps Script代码 #

在.gs文件中添加加载侧边栏的函数：

function showCustomSidebar() {
  const html = HtmlService.createHtmlOutputFromFile('Sidebar')
      .setTitle('邮件工具');
  GmailApp.getUi().showSidebar(html);
}

关键注意事项 #

• DOM结构依赖：Gmail的页面类名和结构可能随版本更新变化，若后续方法失效，需通过浏览器开发者工具重新定位输入框的选择器。
• 仅支持网页端：该方案仅在浏览器版Gmail中有效，无法兼容Gmail桌面客户端或移动端。
• 权限说明：侧边栏与Gmail主页面同域，无需额外跨域权限即可访问DOM。

内容的提问来源于stack exchange，提问作者josh