嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page

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, PDF and Slides in Web page
嵌入谷歌文档 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, PDF and Slides in Web page
嵌入谷歌文档 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, PDF and Slides in Web page
嵌入谷歌文档 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, PDF and Slides in Web page
嵌入谷歌文档 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, PDF and Slides in Web page
嵌入谷歌文档 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.

<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.
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
嵌入谷歌文档 Embed Google Doc Viewer: Display Google Drive Documents, SpreadSheets, PDF and Slides in Web page
 

下载:Google_Docs_View_Documents

Leave a Reply