在 Google 站点中设置 Google Apps 脚本背景

【问题标题】：Set Google Apps Script Background in Google sites在 Google 站点中设置 Google Apps 脚本背景
【发布时间】：2023-02-02 05:24:56
【问题描述】：

我在将 Google Apps 脚本 HTML 嵌入到我的 Google 站点时遇到了问题，因为默认的白色背景不符合网站的主题。

是否有可能让 Google Apps 脚本 HTML 具有透明背景或更改 Google Apps 脚本的背景颜色以使其更适合？我做了很多研究，但我还没有找到任何人找到解决这个问题的方法。

【问题讨论】：

相关：1，2
嗨科斯，这些“相关”链接都没有真正回答问题，一个已经超过 8 年，另一个也不符合描述。
我只是将它嵌入为html
“Google Apps 脚本 HTML”是什么意思。您是否创建了 Web 应用程序？你想用什么颜色？
理想情况下，我想让它在 Google 站点上透明化（作为嵌入式 Web 应用程序），但如果这不可行，那么深绿色可以工作 Ruben。

标签： html google-apps-script iframe google-sites-2016

【解决方案1】：

默认情况下，HtmlElements 具有透明背景，但 Google Apps Script 网络应用程序将 HtmlService 生成的内容嵌入到 iFrame 中，该 iFrame 具有一个背景设置为白色的元素。无法从 Google Apps 脚本访问此元素。

解决方法是检查将包含嵌入元素的 Google 协作平台页面，并将 Google Apps 脚本网络应用程序的背景颜色设置为该颜色。假设您的网站有一个 green 背景，下面显示了一种将 Google Apps 脚本网络应用程序的 body 元素的背景颜色设置为 green 的方法：

代码.gs

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('index');
}

索引.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <style>
      body {
        background-color: green;
      }
    </style>
  </head>
  <body>
    <p>Hello world!</p>    
  </body>
</html>

有关的

【讨论】：