編輯嵌入谷歌文檔

我創建一個網站，在我的學校導師的人，我需要嵌入一個谷歌的文檔，這樣任何人誰訪問的頁面可以編輯他們與谷歌帳戶的OFC登錄後。我現在擁有它的方式不可編輯，但它嵌入了。有誰知道如何做到這一點，甚至可以做到這一點？這是我到目前爲止。編輯嵌入谷歌文檔

<iframe src="GOOGLE-DOC-URL" height = "1000" width = "1000"></iframe>

我所做的網頁公開發布了它，我已經做了很多的期待就這個問題和發現添加「無縫」，以用來工作的iframe語句，但現在顯然被棄用，我試過了，它不起作用。謝謝。

來源

2017-10-09 Addis16

嗨，你需要與嵌入式=真 – 2017-10-09 19:15:58

首先，你需要做的添加URL谷歌文檔與此PARAMS：

https://docs.google.com/document/d/KEY/pub?embedded=true

其次，我做一個AJAX調用來獲取信息，並從谷歌文檔API的響應：

https://codepen.io/headmax/pen/dVeMmE

要創建自己的頁面：在AP我的文檔將打印的HR html元素

html頁面後：

<html> 
<body> 
<h1>The text below is pulled live from Google Docs</h1> 
<h4>If there is an update to the doc and you refresh the page, it should update.</h4> 
<hr> 
<script> 
function get_information(link, callback) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open("GET", link, true); 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState === 4) { 
      callback(xhr.responseText); 
     } 
    }; 
    xhr.send(null); 
}; 

//Now initilisation and call & working from the anonyme callback function with dom response : 

get_information("https://docs.google.com/document/d/1yf5plpYBYsBMCaeeDpTkapgR8jZtg4XCfiTvRG5qRWY/pub?embedded=true", function(text) { 
    var div = document.createElement("div"); 
    div.innerHTML = text; 

    // Remove css that comes with Google Doc embeds 
    // If you want the Google Doc styling, comment these out 
    div.removeChild(div.childNodes[1]); 
    div.removeChild(div.childNodes[0]); 

    document.body.appendChild(div); 
    document.body.appendChild(document.createElement("hr")); 
    } 
); 
</script> 
</body> 
</html>

來源

2017-10-09 19:27:33

我已經嵌入=真PARAM添加URL。那麼這個Ajax語句在div元素中的含義是什麼？我應該怎麼做呢？ – Addis16

首先添加你的URL API中的例子來加載自己的谷歌文檔，然後將文檔可以通過Ajax調用這個AJAX返回讀取的文檔谷歌文檔的輸出中。只需更換網址「示例中的紅色」即可。問候。（這不是一個有效的網址：GOOGLE-DOC-URL） – 2017-10-09 22:51:16

這是codepen.io的一個例子，因爲沒有按我的需要運行。 https://codepen.io/headmax/pen/dVeMmE – 2017-10-09 23:08:11

編輯嵌入谷歌文檔

回答

相關問題