嵌入 Google 文件
Google 文件 ( Google Docs ) 是非常方便的线上文件应用程序 ( 类似线上 Words ),不论是任何的操作系统,只需要打开浏览器就能进行文件的编辑,这篇教学会介绍如何透过 HTML 的实作,将 Google 文件加到网页中。
将 Google 文件发布到网络
登录 Google 账号后,从云端硬盘里新增或打开一份 Google 文件,进入选单“文件 > 共用”,点击“发布到网络”。
选择对话视窗里的“内嵌”页签,点击“发布”。
出现可以嵌入在网页的程序码后,表示发布完成。
嵌入 Google 文件
复制 Google 文件里发布的程序码,贴到网页中的 <body> 里,执行后就会看见 Google 文件出现在网页中。
<iframe src="https://docs.google.com/document/d/e/2PACX-1vSIJMIuOyuOyNRRlZb3UJIa2Yvl8kAhvafZMVpFOpgq49dGWobMFcihOS8VL-yTUKDdX9sZnVPzvxPA/pub?embedded=true"></iframe>
Google 文件嵌入属性
嵌入 Google 文件之后,可以透过 iframe 的属性设定 Google 文件:
| 属性 | 说明 |
|---|---|
| width | 宽度 ( 可使用 CSS 取代 )。 |
| height | 高度 ( 可使用 CSS 取代 )。 |
| src | Google 简报网址。 |
| frameborder | iframe 边框 ( 可使用 CSS 调整 )。 |
微信扫码关注
抖音扫码关注