1

我有一个包含 html 代码的单元格的谷歌表。我想知道在网页中显示此 html 的最佳方式。我尝试过使用谷歌电子表格 API 和谷歌可视化 API ...

4

2 回答 2

3

以下是使用 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-10T14:33:16.440 回答
1

使用Google Apps 脚本，这可以很简单：

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 脚本文档入门和教程部分，了解如何使用 Apps 脚本进行开发。

于 2012-12-04T16:48:41.760 回答