嵌入式电子表格中的 HTML 服务答案

【问题标题】：HTML service in a embedded SpreadSheet嵌入式电子表格中的 HTML 服务
【发布时间】：2015-09-23 17:04:27
【问题描述】：

我用一些脚本制作了一个电子表格，我正在使用这段代码来显示一个自定义侧边栏，里面有一个 Html 表单：

var html = HtmlService.createHtmlOutputFromFile('page')
  .setSandboxMode(HtmlService.SandboxMode.IFRAME)
  .setTitle('Choix de la période')    
SpreadsheetApp.getUi() 
  .showSidebar(html);

我使用一个名为“page.html”的 html 文件。

直接在 Google SpreadSheet 中使用时效果很好，但我想使用 iframe 将其嵌入到网站中：

<iframe src="my-googlesheet-URL" height="800" width="1200"></iframe>

当我像这样嵌入使用它时，侧边栏正在打开，但里面没有显示任何内容（只是一个空白区域）。

我使用了谷歌应用脚本官方指南中给出的方法，但没有找到使其工作的解决方案...... 有人可以告诉我我正在尝试做的事情是否可行，如果可以，我该如何让它发挥作用？

谢谢

【问题讨论】：

您的电子表格是否共享/公开？否则我认为内容将不可见。
边栏打开后浏览器控制台中是否有任何错误消息？我会删除 .setTitle() 方法，看看它是否有什么不同。
删除 .setTitle() 不会改变问题。散文是共享的：知道链接的任何人都可以编辑。其他脚本可以在嵌入页面中完美运行。
感谢浏览器控制台提示，我没想过要查看它...它说它“拒绝在框架中显示我的电子表格，因为它将'X-Frame-Options'设置为'SAMEORIGIN'。”
App Script HTMLService App in iFrame 的可能重复项

标签： google-apps-script

【解决方案1】：

无法在非 Google 网站中嵌入 Google 表格。您会收到 SAMEORIGIN 消息。

嵌入工作表的唯一方法是发布它，但这不包括您的插件。

为了为您的用户提供最佳体验，他们需要直接转到工作表，而不是使用您想要的嵌入式版本。..

【讨论】：