Google Apps脚本：htmlservice.createhtmloutput在iframe中不起作用

Question

• 创建一个空白的Google文档文件
• 添加以下应用程序脚本：

function onOpen(e)
{
    DocumentApp.getUi().createAddonMenu().addItem('Open dialog', 'openDialog').addItem('Open html', 'openHtml').addToUi();
}
function openDialog() {
    DocumentApp.getUi().alert('This works');
}
function openHtml() {
    let output = HtmlService.createHtmlOutput('<b>This works</b>');
    output.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    DocumentApp.getUi().showModalDialog(output, 'Title');
}

现在出现这两个菜单条目：

”打开对话框

。 png“ rel =” nofollow noreferrer“>

“ open html” works：

将Google Docs文件嵌入iframe：

<iframe
   src="https://docs.google.com/document/d/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/edit"
></iframe>

“打开对话框”工作：

“ open html”不起作用：

console中的错误消息：

< console：<<< a href =“ https://i.sstatic.net/qyc38.png” rel =“ nofollow noreferrer”>

我认为这正是这一行：

output.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);

我缺少什么？

这是重现该问题的链接：

• iframe嵌入示例

Answer 1

使用createHtmloutputfromfile（'filename'）而不是

基于您的设置，我发现您只需要使用createHtmloutputfromfile（）将HTML脚本链接到Google Apps脚本。对于测试用例，我使用了以下脚本：

function onOpen(e)
{
    DocumentApp.getUi().createAddonMenu().addItem('Open dialog', 'openDialog').addItem('Open html', 'openHtml').addToUi();
}
function openDialog() {
    DocumentApp.getUi().alert('This works');
}
function openHtml() {
    var output = HtmlService.createHtmlOutputFromFile('test.html'); //use createHtmlOutputFromFile instead
    output.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    DocumentApp.getUi().showModalDialog(output, 'Title');
}

另一方面，我使用了您在示例中使用的HTML。

要将您的HTML添加到Google Apps脚本项目中，只需单击“文件”以外的加号。在此测试案例中，我以文件名“ test.html”保存了您的HTML。

输出

参考