1

HTMLコードを含むセルを含むGoogleシートがあります。この HTML を Web ページに表示する最良の方法を知りたいです。GoogleスプレッドシートAPIとGoogle視覚化APIを試しました...

4

2 に答える 2

3

Javascript チャート API を使用して、単一のセルから情報を表示する方法を次に示します。より良い方法があるかもしれませんが、私は専門家ではありません。以下のスニペットを機能させるには、スプレッドシートの URL を追加して範囲を設定するだけです。

<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 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 ドキュメントの「はじめに」セクションと「チュートリアル」セクションをチェックして、 Apps Script を使用した開発方法を理解してください。

于 2012-12-04T16:48:41.760 に答える