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查看...
go-embed - 生成的Go代码来嵌入资源文件到你的库或可执行文件中
嵌入PDF 添加对PDF文档的伪增强支持将使用Google Docs Viewer嵌入PDF文件只需在单独的一行中包含PDF文档的URL，或将其包装在[embed]http://example.com/file.pdf[/embed]类的embed标签中，插件就会使用Google Docs ...
embed: 另一个Golang静态内容嵌入器
一个轻量级JavaScript插件，用于嵌入表情符号，媒体，地图，推文，代码和服务。 这是v5的文档。 如果您正在寻找v4的文档，可以获取。 产品特点 支持：支持IE8 +（假设Promise已填充） 基于插件：仅加载您想要的...
平板音乐嵌入客户端 使用此 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 ...
embed-pyqtgraph-tutorial：使用Qt Designer在PyQt UI中嵌入pyqtgraph图的演示
嵌入-pdf-字体描述embed-pdf-fonts嵌入从现有 PDF 文档引用的字体作为字体子集，遵循字体替换设置。 如果嵌入了 PDF 文件中引用的所有字体，则文档的显示质量将不再取决于查看者计算机上所用字体的可用性。 此外，在...
嵌入脚本 将脚本元素嵌入到可滚动HTML页面中。 基本标记： EMBED-SCRIPT元素是设置了data-embed-script属性的任何元素。 此属性的值是要加载的EMBED-SCRIPT包的名称。 可选属性data-embed-param可用于指定脚本操作...
使用Embed加载图片资源的方法，供初学as3的同学参考学习。
关于“百歌搜索引擎tomcat嵌入版（Baioogle-SearchEngine Embed in Tomcat）”的说明： 2008年5月份，因学习《信息检索》课程，本人利用java的开源搜索引擎库lucene，以及结合ajax技术google-suggest功能，模仿baidu...
(Googleearth Viewer v.1.1,embed GoogleEarth in your application.)GEpanel
Adobe Document Services PDF嵌入API使您可以在网站中显示PDF文件，并利用其功能使用户受益。 先决条件 必须先注册您的应用程序并获取客户端ID（API密钥），然后才能使用PDF Embed API。 以获取您自己的客户ID。 ...
最近在工作中碰到了在网页中嵌入播放器播放声音文件的需求，最后使用了embed元素 代码如下： 复制代码代码如下: <embed src=’1093.swf’ autostart=’false’ hidden=’true’ loop=’false’ ></embed&...
灰烬的Google Analytics（分析）嵌入 Ember Google Analytics Embed是一个插件，可使用在Ember.js应用中快速构建自定义Google Analytics仪表盘。 该插件公开了以下要在模板中使用的组件： （ga-embed-bar-chart） ...
使用Embed嵌入xml，有需要的同学自行下载
嵌入概念 用于概念嵌入组件的Web服务器。 这样，您就可以使用其他功能，例如流程图，图表等。 可用的库： 如何 获取您的概念令牌。 此处的更多信息： : 创建概念的代码元素： 设置降价语言： 复制元素的块ID： ...
Microsoft PowerPoint Viewer 2010 播放程序. 解决了安装Microsoft Office 2003及以下版本和WPS Office 不能打开播放.pptx(MS Office 2010演示文稿)的问题. 解决了Microsoft Office 2007打开由Microsoft Office 2010...