如何从 Google 表格数据继承 HTML 到 Google WebApp？答案

【问题标题】：How to inherit HTML to Google WebApp from Google Sheets Data?如何从 Google 表格数据继承 HTML 到 Google WebApp？
【发布时间】：2021-06-15 15:50:46
【问题描述】：

我想将 HTML 设计从 Google 表格数据继承到 Google Web 应用程序输出，我尝试使用 innerHTML，但我不知道在代码中的确切位置。

下面的示例截图代码，我想在google web app中加上General这个词

代码.gs

function doGet(e) {
  var htmlOutput =  HtmlService.createTemplateFromFile('DisplaySheet');
  return htmlOutput.evaluate();
}

function getSheetData()  { 
  var ss= SpreadsheetApp.getActiveSpreadsheet();
  var dataSheet = ss.getSheetByName('Data'); 
  var dataRange = dataSheet.getDataRange();
  var dataValues = dataRange.getValues();  
  return dataValues;
}

DisplaySheet.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <h1>Display Google Sheet Web App</h1>
    <table border="1" cellpadding="5px" >
    <?var tableData = getSheetData();?>
    <?for(var i = 0; i < tableData.length; i++) { ?>
      <?if(i == 0) { ?>
        <tr>
        <?for(var j = 0; j < tableData[i].length; j++) { ?>
        <th><?= tableData[i][j] ?></th>
        <? } ?>
        </tr>
      <? } else { ?>
        <tr>
        <?for(var j = 0; j < tableData[i].length; j++) { ?>
        <td><?= tableData[i][j] ?></td>
        <? } ?>
        </tr>
      <? } ?>
    <? } ?>
    </table>
  </body>
</html>

输出

【问题讨论】：

HTML 格式应为<b>GENERAL</b>
@CarlosM 我更正了代码，但仍然显示 HTML 标记。
哦，它在一张桌子里，你可以试试GENERAL吗？请看：stackoverflow.com/questions/28329833/…
也试过了，它显示 GENERAL
谢谢，您需要更改html，请参阅答案。

标签： javascript google-apps-script web-applications

【解决方案1】：

解决方案：

您需要使用强制打印脚本，它不会将字符串包含在隐藏的转义字符中，以允许 HTML 格式。

在您的 DisplaySheet.html 中，使用 <?!= 标签而不是 <?=：

<td><?!= tableData[i][j] ?></td>

示例：

参考资料：

Templated HTML

【讨论】：