如何在Iframe中嵌入Google文档集合?

时间:2012-02-01 20:49:45

标签: iframe embed google-docs

我有一个Google Docs集合,我想将其嵌入到iframe中:

https://docs.google.com/open?id=0B6yYgWS-CUJ2ZTUxZGI4MGUtMWM0Yy00YzY0LWIxOTMtMDFlN2RjNDAxNGM2

问题在于Google设置了X-Frame-Options标题,因此它们似乎只允许将此集合嵌入到Google网站中:

X-Frame-Options:    SAMEORIGIN

screenshot-with-shadow.png http://img580.imageshack.us/img580/4526/screenshotwithshadow.png

现在我意识到谷歌在某些时候不允许他们在iframe中使用内容的原因,但是有一种情况我认为能够做到这一点会很好。

使用文档Google还允许两种“共享”方法

  1. 您可以点击“分享”按钮并设置可见性,这将为您提供指向文档的链接
  2. 或者您可以点击“发布到网络”,它会为您提供链接或iframe选项。
  3. iframe网址与链接网址类似,只是它的末尾有“&embedded=true”查询变量。除了参数为“&output=embed

    之外,Google地图也是如此

    虽然我认为我的网站上的标题或Javascript无法用于加载Google文档集合的iframe内容,但我希望有人可能知道如何为a生成嵌入代码Google文档集合,可以将其加载到iFrame中。

2 个答案:

答案 0 :(得分:2)

更新:Google似乎允许通过iFrame嵌入Google文档/云端硬盘产品。以下是该页面的当前标题(请注意,此URL位于重定向之后):

enter image description here

答案 1 :(得分:0)

试试这些: -

单一设置为true只会在电子表格中显示一个工作表。它将显示的默认工作表是在电子表格中创建的第一个工作表。这可以使用下面的“gid”进行更改。

gid - 这需要是您要显示的工作表的数字标识符。创建的第一个工作表为0,但其他工作表将具有更长的标识符。要查找要显示的工作表的“gid”,请转到Google Apps本身的电子表格,然后点击所需的工作表。浏览器中的URL应更改为:https://docs.google.com/a/mycompany.com/spreadsheets/d / 15B ___ SOYjsRmU9tiwZly318HZnFHOHeayS6UTHx7Pu2I / edit#gid = 419657423

网址末尾的位显示工作表的“gid”,这是您需要在网站中输入短代码的数字。

范围 - 将此值设置为要在工作表中显示的单元格区域(或将其保留以显示整个工作表)。在我们的示例中,我们将其设置为f2:g6。请注意,如果你是迂腐,那么你应该把':'改为'%3A',因为冒号应该用URL编码 - 但是大多数浏览器应该理解冒号,所以不用担心。如果你想要正确,你可以使用range = f2%3Ag6代替。

headers = false - 不显示行号和列字母。

小部件 - 将其设置为false会在嵌入时删除工作表选择器栏。

chrome - 将此设置为false会删除显示电子表格名称的标题栏,位于工作表上方。

所以把所有人放在一起: -

<iframe> src="https://docs.google.com/spreadsheets/d/[Googlekey]/pubhtml?gid=28&range=a1:s45&single=true&widget=true&headers=false" </iframe>

阿伦