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 背后的逻辑。