Here Mudassar Ahmed Khan has explained how to embed Google Docs Viewer and display Google Drive files such as Word document (.doc, .docx), Excel Spreadsheet (.xls, .xlsx), PowerPoint presentation slides (ppt, .pptx) files and PDF documents (*.pdf) in your website’s web page.
In this article I will explain how to embed Google Docs Viewer and display Google Drive files such as Word document (.doc, .docx), Excel Spreadsheet (.xls, .xlsx), PowerPoint presentation slides (ppt, .pptx) files and PDF documents (*.pdf) in your website’s web page.
Display Google Docs Documents, SpreadSheets, PDF and Slides in Web page
1. Upload the file to be displayed on web page to the Google Drive.
2. Right Click the document to be displayed in Web page and Open with option as shown below.
3. Once the document is opened, click the Share button as show below.
4. Inside the Share with others Popup, click on the Get shareable link to generate the Public link to the document.
Now copy the generated link from the TextBox.
5. Finally copy the URL set it as source to an HTML IFRAME in order to display the document on the web page.
<iframeframeborder="0"src="https://docs.google.com/spreadsheets/d/1NeUShwlPrOvHuO0gisl7XYnoNrqODw1x8JFNlzSaEro/edit?usp=sharing"width="600"height="300"></iframe>
The following screenshot displays the Excel spreadsheet displayed in browser.
相关推荐
通过oEmbed将来自媒体库或其他位置的PDF嵌入到object标记或Google Doc Viewer中，作为一个后备对象。 描述 通过oEmbed将来自媒体库或其他位置的PDF嵌入到object标记或Google Doc Viewer中，作为一个后备对象。 该...
嵌入任何文档贡献者： awsmin 标签：嵌入文档、上传pdf、嵌入ppt、文档查看器、pdf查看器、pdf查看器插件、显示pdf、嵌入pdf、在wordpress中嵌入pdf、word、word查看器、word文档、嵌入word、word插件、doc、doc查看...
2. 生成嵌入代码：在你的项目目录下，选择要嵌入的资源文件或目录，然后运行`go-embed` 命令： ``` go-embed resources/ ``` 这将在当前目录下生成一个`resources.go` 文件，其中包含了资源的Go代码表示。 3. ...
标题“Go-embed:另一个Golang静态内容嵌入器”暗示了`embed`包是Go语言中处理静态内容的一种方法。与其他第三方库相比，`embed`作为内置的解决方案，具有更好的性能和更低的依赖性。 描述“embed: 另一个Golang静态...
嵌入PDF 添加对PDF文档的伪增强支持将使用Google Docs Viewer嵌入PDF文件只需在单独的一行中包含PDF文档的URL，或将其包装在[embed]http://example.com/file.pdf[/embed]类的embed标签中，插件就会使用Google Docs ...
描述中的“Googleearth Viewer v.1.1, embed GoogleEarth in your application.”进一步说明了这是一个名为Googleearth Viewer的版本1.1的程序，其主要功能是使开发者能够将Google Earth嵌入到他们自己的应用程序中...
在ActionScript 3 (AS3)中，`Embed`元标签是一个非常有用的工具，它允许开发者将各种资源，如图片、字体等，直接内嵌到SWF文件中。这样做的好处在于，即使用户没有网络连接，也可以访问这些资源，提高了应用程序的...
- Google Docs Viewer：谷歌提供的在线文档查看器，支持多种文件格式，但可能涉及隐私和安全问题，因为文件需要上传到Google服务器。 - FileReader API：HTML5的一部分，可以读取用户设备上的文件，然后用...
tomcat-embed-core-9.0.27
tomcat-embed-core-9.0.16.jar
一个轻量级JavaScript插件，用于嵌入表情符号，媒体，地图，推文，代码和服务。 这是v5的文档。 如果您正在寻找v4的文档，可以获取。 产品特点 支持：支持IE8 +（假设Promise已填充） 基于插件：仅加载您想要的...
"embed.github.io:不和谐嵌入" 是一个基于JavaScript技术的在线工具，其主要功能是帮助用户轻松地将各种类型的媒体内容（如视频、音频、图片等）嵌入到他们的网站或网页中。这个工具提供了便捷的方式，使得非技术...
vue嵌入的Embed组件基于Vue 2.x的embed.js。 Embed.js是一个轻量级JavaScript插件，用于嵌入表情符号，媒体，地图，推文，代码和vue嵌入Embed组件基于Vue 2.x的embed.js。 Embed.js是一个轻量级JavaScript插件，用于...
平板音乐嵌入客户端 使用此 JavaScript 客户端与我们的 . 如果您对本产品有任何反馈或问题，. 安装 您可以使用 或 安装我们的嵌入客户端： npm install flat-embed yarn add flat-embed 或者使用我们 CDN 上托管的...
NodeBB嵌入Google Maps插件 这个NodeBB插件允许用户在自己的帖子中内嵌Google地图，只需输入bbcode，例如[地图位置]。 安装 npm install nodebb-plugin-embed-gmap 变化 0.2.0 - Maps shown using bootstrap grid ...
<title>Google Maps Embed <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer> <div id="map" style="width: 100%; height: 100%"> function initMap...
嵌入-pdf-字体描述embed-pdf-fonts嵌入从现有 PDF 文档引用的字体作为字体子集，遵循字体替换设置。 如果嵌入了 PDF 文件中引用的所有字体，则文档的显示质量将不再取决于查看者计算机上所用字体的可用性。 此外，在...
标题"Embed嵌入XML"指的是如何使用AS3的`Embed`元标签来加载并使用XML文件。这种方式使得XML数据在运行时无需通过网络加载，提高了应用程序的响应速度和离线可用性。 首先，我们需要了解`Embed`元标签的基本语法。`...
嵌入脚本 将脚本元素嵌入到可滚动HTML页面中。 基本标记： EMBED-SCRIPT元素是设置了data-embed-script属性的任何元素。 此属性的值是要加载的EMBED-SCRIPT包的名称。 可选属性data-embed-param可用于指定脚本操作...
### embed标签使用详解 #### 一、概述 `embed`标签是HTML中用于播放多媒体对象的一个重要元素，如Flash、音频、视频等。通过合理的属性配置，开发者可以在网页上实现多媒体内容的有效展示与互动。 #### 二、基本...