带有 HtmlService 的站点应用程序脚本中的透明背景答案

【问题标题】：Transparent background in Sites Apps Script with HtmlService带有 HtmlService 的站点应用程序脚本中的透明背景
【发布时间】：2014-02-14 01:27:36
【问题描述】：

有一个类似的问题： Google App Script background transparent with HtmlService 没有满意的答案。

在我的情况下，我在 Google 协作平台中嵌入了这个简单的 Apps 脚本：

代码.GS

function doGet() {
  return HtmlService.createTemplateFromFile('Page')
    .evaluate().setSandboxMode(HtmlService.SandboxMode.NATIVE);
}

PAGE.HTML

<html>
  <body style="background-color:transparent">
    How do I make it<br/>transparent ?
  </body>
</html>

生成的页面如下所示：

https://sites.google.com/site/seanpj01/backtest

即使设置的技巧

<body style="background-color:transparent">

如果实现为直接的 XML 包装的小工具，它会在这种情况下失败（我怀疑 CAJA）。这里有一个关于这个问题的讨论： http://productforums.google.com/forum/#!topic/sites/KU9nSz37c6U

但又一次，无济于事。谢谢

【问题讨论】：

标签： javascript google-apps-script google-sites

【解决方案1】：

Don't use html, head, or body tags

当您的页面被 Caja 清理时，高级结构标签替换为虚拟标签，您的标记被插入到另一个由 Caja 创建的页面。例如，一个标签被替换为 .您附加到这些元素的任何样式或脚本都是保留，但语义发生变化。

由于这种行为，我们建议您不要使用 , , 或在您的页面中添加标签，而只需将您的样式、脚本和其他直接在页面中的 HTML 内容。设置页面的标题，使用 HtmlOutput 的 setTitle() 方法，因为页面中的标签将被忽略。

相反，您可以为您的网站create a gadget。小工具可以通过 http 与 Google Apps 脚本通信。

【讨论】：