2019-10-11

如何在網頁中用iframe的方式嵌入Google Doc 文件的內容?

如何在網頁中用iframe的方式嵌入Google Doc 文件的內容?
  1. 開啟要在網頁中顯示的Google Doc 文件,檔案→發佈到網路


  2. 取得連結網址: (如果要用iframe的方式,嵌入網頁內容,可以不考慮這部分)
    除非有特殊需求,不須限制網域內的成員,才能檢視內容。
    記得勾選:內容有所變更時自動重新發布


  3. 取得嵌入網頁內容中的HTML碼:
    除非有特殊需求,不須限制網域內的成員,才能檢視內容。
    記得勾選:內容有所變更時自動重新發布


    <iframe src="https://docs.google.com/document/d/e/2PACX-1vS_vWvYE-D0IbZ8H865iUwDD0MxEgd0fNjAIqiR8oDf01P5c479Ly
    u4CA0cMGTCHYNeqaDLVtEeL1Ii/pub?embedded=true"></iframe>
    


    必要時可以在iframe中加入 width height, 讓嵌入內容在網頁中以適當的大小顯示。如下:
    <iframe src="https://docs.google.com/document/d/e/2PACX-1vS_vWvYE-D0IbZ8H865iUwDD0MxEgd0fNjAIqiR8oDf01P5c479Ly
    u4CA0cMGTCHYNeqaDLVtEeL1Ii/pub?embedded=true" width=780px height=900px></iframe>
    


  4. 在blogger網頁中加入iframe HTML code
  5. 在blogger網頁顯示的網頁內容

沒有留言:

張貼留言