Google脚本将html注入html电子邮件

Question

我正在尝试创建一个循环，该循环将使用Google脚本编辑器将html组件注入到我的html电子邮件中。 我不断收到错误消息：[{消息：'语法错误：非法字符。 行：51文件：代码”，域：“全局”，原因：“ badRequest”}]} 。 你怎么做到这一点。

路径： Javascript.js

var data = [{name: 'Bob', link: 'www.test.com'}, {name: 'Joe', link: 'www.test.com'}];

var htmlComponent = [];
for (var = x = 0; x <= 1; x++) {
  var component = `<tr><td><a href=x.link>x.name</a></td></tr>`;
  htmlComponent.push(component);
}

路径： htmlEmail.html

<body>
  <center>
    <table
      style="width:100%;max-width:600px;margin: 0 auto;"
      cellpadding="0"
      cellspacing="0"
      border="0"
    >
      <tbody>
          <?= htmlComponent ?>
      </tbody>
    </table>
  </center>
</body>

Answer 1

• 您要通过数组创建HTML表，并将创建的表放入现有的HTML中。
• 您想使用Google Apps脚本来实现。
  • 根据您的情况，将Javascript.js和htmlEmail.html放在脚本编辑器的每个文件中。
  • Javascript.js是Google Apps脚本。

如果我的理解是正确的，那么该修改如何？ 请认为这只是几个答案之一。

用法：

使用此修改后的脚本时，请分别将Javascript.js和htmlEmail.html复制并粘贴到脚本编辑器的脚本文件和HTML文件中。 并运行myFunction() 。 这样，您可以在日志中看到包括表在内的HTML。 当html用于MailApp.sendEmail({to: "###", subject: "sample subject", htmlBody: html}) ，将发送带有HTML正文的电子邮件。

对于Javascript.js

function myFunction() {
  var data = [{name: 'Bob', link: 'www.test.com'}, {name: 'Joe', link: 'www.test.com'}];

  // I modified below script
  var t = HtmlService.createTemplateFromFile("htmlEmail"); // Retrieve HTML from the file of htmlEmail.html.
  t.htmlComponent = data.reduce(function(s, x) {return s += "<tr><td><a href=" + x.link + ">" + x.name + "</a></td></tr>"}, "");
  var html = t.evaluate().getContent();

  Logger.log(html)

  // If you want to send an email including HTML, please use the following script.
  // MailApp.sendEmail({to: "###", subject: "sample subject", htmlBody: html});
}

对于htmlEmail.html

请进行如下修改。

从：

 <?= htmlComponent ?> 

至：

 <?!= htmlComponent ?> 

注意：

• 不幸的是，在当前阶段，反引号和模板文字无法在Google Apps脚本中使用。

参考文献：

• HTML服务：HTML模板化
• 强制打印脚本
• 基本的JavaScript功能

如果我误解了您的问题，而这不是您想要的方向，我深表歉意。

Answer 2

如果您不介意尝试其他方法（基于HTML模板指南 ）

Code.js ：

function mailThis() {
  var htmlString = doGet();
  GmailApp.sendEmail('To', 'Subject', '', {
    htmlBody: htmlString.getContent()
  })
}

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

Index.html ：

<body>
  <center>
      <table
      style="width:100%;max-width:600px;margin: 0 auto;"
      cellpadding="0"
      cellspacing="0"
      border="0"
      >
      <tbody>
      <? var data = [{name: 'Bob', link: 'www.bobwebsite.com'}, {name: 'Joe', link: 'www.joewebsite.com'}];
      for (var x = 0; x <= 1; x++) { ?>
        <tr>
            <td> <a href=<?= data[x].link ?> > <?= data[x].name ?> </a></td>
        </tr>
        <? } ?>
      </tbody>
    </table>
  </center>
</body>