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

Question

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

Answer 1

你可以运行一些JavaScript代码，但在页面编辑过程中它会自动包装到一个普通的小工具中，当渲染页面时，它将在iframe中执行，而则不会能够与主页的DOM进行交互 - 浏览器和Google协作平台的安全机制阻止了这种情况。

所以，你的脚本会做什么，它会在iframe的沙箱中进行，如果你不想实现小工具，那么在页面设计时定义外部大小。

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

Answer 2

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

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

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

  

插入＆gt; ..更多小工具＆gt;按网址添加小工具

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

Answer 3

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

它允许您Insert custom HTML, CSS, and Javascript。

注意事项：

• 您的HTML已加载到<iframe>，
• 您的代码无法与HTML Box
之外的内容进行互动
• HTML Box目前不支持<iframe>，
• 您的脚本无法创建任何<script>，<img>或<a>标记，

Answer 4

Google已更新了其嵌入HTML和Javascript的机制。

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

它仍然被内置在iframe中，具有@Serge Populov的答案中提到的限制。

Answer 5

您可以在此处阅读Googles文档，了解如何执行此操作http://support.google.com/sites/bin/answer.py?hl=en&answer=2500646&ctx=cb&src=cb&cbid=-11zqfs2rw8yfe&cbrank=0