Google Apps Script - 如何从 Sheet 发送 HTML 电子邮件？

Question

I'm trying to write a code to send an html email from a Sheet.我正在尝试编写代码以从工作表发送 html 电子邮件。 I have a template in a GAS html file.我在 GAS html 文件中有一个模板。 Gmail API is enabled. Gmail API 已启用。

I did manage to send an email this way, complete with replaced placeholders.我确实设法以这种方式发送了一封电子邮件，并替换了占位符。 However, I'm just sending all the text in the html file, tags and all.但是，我只是发送 html 文件中的所有文本、标签和所有内容。

function htmlTry() {
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sample");
  var lastRow     = spreadsheet.getLastRow();
  var name        = spreadsheet.getRange(lastRow, 3).getValue();
  var problem     = spreadsheet.getRange(lastRow, 6).getValue();

  if(problem == "Yes") {
    var htmlBody  = HtmlService.createHtmlOutputFromFile('htmlFile').getContent()
      .replace("#name", name)
      .replace("?name", name)
      .replace("/name", name);
      
    MailApp.sendEmail ("sample@email.com", "Problem: " + name, htmlBody);
  }
}

I've provided a sample of the html file as well.我还提供了 html 文件的示例。 Which is exactly what the email says, except it loses the indents.这正是电子邮件所说的，只是它丢失了缩进。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Problem</title>
    <style>
        body,table,thead,tbody,tr,td,img {
            padding: 0;
            background-color: #23A5F3;
        }

        .wrapper {
            padding-left: 10px;
            padding-right: 10px;
        }

        h1,h2,h3,h4,h5,h6,p {
            font-family: Trebuchet MS, Arial, sans-serif;
            color:#9CD6FA;
        }

        p,a,li {
            font-family: Trebuchet MS, Arial, sans-serif;
            color:#000000;
        }

    </style>
</head>

<body style="background-color:#FFFFFF;">
    <table width="100%">
        <tbody>
            <tr>
                <td class="wrapper" width="600" align="center">
                    <table class="section header" cellpadding="0" cellspacing="0" width="600">
                        <tr>
                            <td class="column">
                                <table>
                                    <tbody>
                                        <tr>
                                            <td align="left" style="background-color: #FFFFFF;">
                                                <p style="text-align:justify;">Lorem ipsum</p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>
</html>

Solved thanks to Irvin Jay G. who took the time to explain why I should have done exactly what they suggested, rather than thinking for myself.感谢Irvin Jay G.解决了这个问题，他花时间解释了为什么我应该完全按照他们的建议去做，而不是自己思考。 Hope you have a wonderful couple of days.希望你有美好的几天。

Answer 1

Solution:解决方案：

You need to use the advanced parameter called htmlBody , as per the MailApp's sendEmail(recipient, subject, body, options) method, to show the file in html view instead of showing the pure html codes on the email message.您需要使用名为htmlBody的高级参数，按照 MailApp 的sendEmail(recipient, subject, body, options)方法，在 html 视图中显示文件，而不是在电子邮件消息中显示纯 html 代码。

I was able to replicate your script and got this result on my test email account:我能够复制您的脚本并在我的测试电子邮件帐户中获得此结果：

Here's the tweaked script using the htmlBody advanced parameter:这是使用htmlBody高级参数调整后的脚本：

function htmlTry() {
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Sample");
  var lastRow     = spreadsheet.getLastRow();
  var name        = spreadsheet.getRange(lastRow, 3).getValue();
  var problem     = spreadsheet.getRange(lastRow, 6).getValue();

  if(problem == "Yes") {
    var htmlBody  = HtmlService.createHtmlOutputFromFile('htmlFile').getContent()
      .replace("#name", name)
      .replace("?name", name)
      .replace("/name", name);

    MailApp.sendEmail("sample@email.com", 'Problem: '+ name, htmlBody, {
    htmlBody: htmlBody
    });
  }
}

Google Apps Script - 如何从 Sheet 发送 HTML 电子邮件？

问题描述

1 个解决方案

解决方案1
1 已采纳 2021-06-16 16:24:54

Google Apps Script - 如何从 Sheet 发送 HTML 电子邮件？

问题描述

1 个解决方案

解决方案1 1 已采纳 2021-06-16 16:24:54

解决方案1
1 已采纳 2021-06-16 16:24:54