在網頁中顯示Google表格單元格的內容

我有一個包含html代碼的單元格的Google表格。我想知道在網頁中顯示此html的最佳方式。我試圖與谷歌電子表格API和谷歌的可視化API ...在網頁中顯示Google表格單元格的內容

2012-12-04 lucascervera

使用Google Apps Script，這可以是簡單的：

function doGet() { 
    var spreadsheet = SpreadsheetApp.openById("0Aq4s9w_HxMs7dFVuQ0hDaWl1VVZsQ1RBTVZqM0dHLXc"); // replace with your sheet id 
    var html = spreadsheet.getRange("A1").getValue(); // My html is in cell A1 
    return HtmlService.createHtmlOutput(html); 
}

退房的Apps Script documentation入門教程和部分得到怎樣的想法使用Apps腳本進行開發。

來源

2012-12-04 16:48:41

感謝卡延，這正是我所需要 – lucascervera

不幸的是，似乎谷歌APS腳本不能從一個獨立的HTML文件exectuted客戶端。有可能使用JavaScript做同樣的事情嗎？ – lucascervera

以下是您如何使用Javascript圖表API顯示來自單個單元格的信息。可能有更好的方法，我不是專家。要獲得下面的代碼片段，只需添加電子表格網址並設置範圍即可。

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 

     // https://google,developers.appspot.com/chart/interactive/docs/spreadsheets#gid 
     google.load('visualization', '1', {packages: ['corechart', 'line']}); 
     google.setOnLoadCallback(drawChart); 

     function drawChart() { 
     // Add your sheets url and range below 
     var spreadsheetUrl = "https://your sheets url here?range=A1"; 
     var query = new google.visualization.Query(spreadsheetUrl); 
     query.send(handleQueryResponse); 
     } 

     function handleQueryResponse(response) { 
     var dataTable = response.getDataTable(); 
     // https://developers.google.com/chart/interactive/docs/reference?hl=en#methods 
     // getValue(rowIndex, columnIndex) 
     document.getElementById("test").innerHTML = dataTable.getValue(0, 0); 
     } 
    </script> 
    </head> 

    <body> 
    <p id="test"></p> 
    </body> 
</html>

來源

2015-10-10 14:33:16

在網頁中顯示Google表格單元格的內容

回答

相關問題