如何将JavaScript代码嵌入Google协作平台页面?

问题描述 投票:11回答:5

我有一个Google协作平台页面。如何在其中嵌入JavaScript代码,而无需实现小工具并在其中添加JavaScript代码?

javascript google-sites
5个回答
7
投票

您可以运行一些JavaScript代码,但在页面编辑期间,它将自动包装到一个普通的小工具中,并且在呈现页面时它将在iframe内执行,并且无法与主页的DOM交互 - 这是可以防止的通过浏览器和Google协作平台的安全机制。

因此,如果您不想实现小工具,那么您的脚本会执行任何操作,它将在iframe的沙箱中执行,其外部大小是在页面设计时定义的。

即使您在内部使用脚本实现小工具,它也将在同一个iframe沙箱中运行。但小工具有一些优势,例如访问API,允许动态更改iframe的大小,以及其他一些优势。


4
投票

请参阅this article,您需要创建一个Google Gadget文件,您可以从服务器访问该文件以共享该文件并编写以下代码:

<Module>
<ModulePrefs title="Custom Gadget"/>
<Content type="html">
<![CDATA[
<script src="PUT YOUR SCRIPT HERE"></script>
]]>
</Content>
</Module>

将文件另存为Name.xml并将其上载到具有公共访问权限(不受密码保护)的文件托管服务。然后按以下方式插入链接:

插入> ..更多小工具>按网址添加小工具

enter image description here将网址复制到已保存的.xml Google小工具代码后,您将通过自己的自定义Google小工具嵌入javascript。


1
投票

您可以使用HTML Box小工具,您可以在菜单中找到它:

它允许你Insert custom HTML, CSS, and Javascript

注意事项:

  • 你的HTML加载在<iframe>中,
  • 您的代码无法与HTML Box之外的内容进行交互
  • HTML Box目前不支持<iframe>
  • 你的脚本不能创建任何<script><img><a>标签,

1
投票

谷歌已经更新了嵌入HTML和Javascript的机制。

https://gsuiteupdates.googleblog.com/2017/12/embed-html-and-javascript-in-new-google-sites.html

它仍然在iframe中使用@Serge Populov的答案中提到的限制进行沙盒处理。


0
投票
© www.soinside.com 2019 - 2024. All rights reserved.