Question

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

Answer 1

以下是使用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>

Answer 2

使用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脚本进行开发。

在网页中显示Google表格单元格的内容

2 个答案: