从Google表格中提取数据并显示为简单的html文本

时间:2017-02-22 11:27:01

标签: javascript html google-apps-script google-sheets

我想使用我的Google工作表中的数据,并将其显示在我的Google网站上,但不会嵌入,只是纯文本,以便数据可以成为句子的一部分(例如,此句中的粗体位& #34;本周我们有 35 新行,其中 12 杂志上")。

我看过其他帖子,这两篇文章接近但是因为它们已经老了,所以这些信息不再适用,或者没有完全回答。

How do I grab data from only 1 cell and input it into HTML?

How do you Import data from a Google Spreadsheet to Javascript?

如果有人可以帮助甚至指出我可能错过的另一个主题,那么这个问题就会很好,那么请提前感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

您可以在应用脚本中创建HTML结果,请参阅:HTML service,只需将结果作为iFrame添加到您的Google网站中。

在这里,您有一个使用HTML服务ctrlq.org

的更完整示例

以下是文档的简短示例:

gsCode:

function doGet() {
  return HtmlService
      .createTemplateFromFile('Index')
      .evaluate();
}

function getData() {
  return SpreadsheetApp
      .openById('[spreadsheet_ID]')
      .getActiveSheet()
      .getDataRange()
      .getValues();
}

HTML:

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <table>
      <? for (var i = 0; i < data.length; i++) { ?>
        <tr>
          <? for (var j = 0; j < data[i].length; j++) { ?>
            <td><?= data[i][j] ?></td>
          <? } ?>
        </tr>
      <? } ?>
    </table>
  </body>
</html>

答案 1 :(得分:2)

这是您的请求的一般概念,而不是直接回答:

  1. 在Google网站设置页面中创建Google App脚本
  2. 在脚本中,使用SpreadsheetApp Class将Google表格中的数据读入数组
  3. 在脚本中,使用HTML服务将数组输出为文本。
  4. 将Google App脚本部署为Web App
  5. 返回您的页面,插入您的脚本。
  6. 它可以工作,您可以自定义要显示的动态内容,但是您需要学习Google脚本(只需使用他们的api javascript)并自行编写代码。

    一些参考文献:

    https://developers.google.com/apps-script/guides/sheets

    https://developers.google.com/apps-script/guides/web