Google电子表格列值到html页面

Question

我想根据电子表格单元格数据在我的谷歌网站中制作一个通知页面。下面是来自 W3 CSS Taps 的示例 html。W3 CSS 水龙头请帮助我如何将单元格值放入 < P > 标签。function getData(){    var ssID = "SHEET ID",      ws = SpreadsheetApp.openById(ssID).getSheets()[2],      data = ws.getRange(1, 1,ws.getLastRow(),4).getValues();  var lastRow = getLastRow(data);    Logger.log(data);  return data;}  <div id="London" class="w3-container w3-border city">    <h2>London</h2>    <p id="str1"></p>  </div>  <div id="Paris" class="w3-container w3-border city" style="display:none">    <h2>Paris</h2>    <p id="str2"></p>   </div>  <div id="Tokyo" class="w3-container w3-border city" style="display:none">    <h2>Tokyo</h2>    <p id="str3"></p>  </div>

Answer 1

您可以尝试使用HTMLServiceof App Script。

文档中有制作模板化 HTML 的实际指南。对于您的情况更具体，您实际上可以将变量从应用程序脚本推送到您的模板。

因此，在您的项目中创建一个html文件，如下所示：

 <div id="London" class="w3-container w3-border city">

    <h2>London</h2>

    <p id="str1"><?= london ?></p>

  </div>

  <div id="Paris" class="w3-container w3-border city" style="display:none">

    <h2>Paris</h2>

    <p id="str2"><?= paris ?></p> 

  </div>

  <div id="Tokyo" class="w3-container w3-border city" style="display:none">

    <h2>Tokyo</h2>

    <p id="str3"><?= tokyo ?></p>

  </div>

然后通过应用程序脚本提供此页面，如下所示：

function doGet() {

  var t = HtmlService.createTemplateFromFile('Index');

  var ss = SpreadsheetApp.getActiveSheet();

  t.london = ss.getRange("A2").getValue();

  t.paris = ss.getRange("B2").getValue();

  t.tokyo = ss.getRange("C2").getValue();

  return t.evaluate();

}

当然，您可以更改将值获取到模板化 HTML 背后的逻辑。