嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD

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.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD_第1张图片
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 
2. Right Click the document to be displayed in Web page and Open with option as shown below.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD_第2张图片
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 
3. Once the document is opened, click the Share button as show below.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD_第3张图片
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 
4. Inside the Share with others Popup, click on the Get shareable link to generate the Public link to the document.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD_第4张图片
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 
Now copy the generated link from the TextBox.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD_第5张图片
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page

 

5. Finally copy the URL set it as source to an HTML IFRAME in order to display the document on the web page.

 

The following screenshot displays the Excel spreadsheet displayed in browser.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PD_第6张图片
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 

下载:Google_Docs_View_Documents

 
原文: http://www.aspsnippets.com/Articles/Embed-Google-Doc-Viewer-Display-Google-Drive-Documents-SpreadSheets-PDF-and-Slides-in-Web-page.aspx
 
转自: 嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 
 

你可能感兴趣的:(Google,/,Facebook,/,Pinterest,/,SNS)