【问题标题】:Sending html mail from gmail or other clients从 gmail 或其他客户端发送 html 邮件
【发布时间】:2023-03-28 08:53:01
【问题描述】:

我从网上下载了 html 电子邮件模板,但想知道如何使用 html 模板。模板带有 html 和 css 文件。

下载的文件有一个单独的 css 文件夹。但我不知道如何从 html 邮件中引用 css 文件。我不想使用内联 css。

请指点一下。

(编辑:我不想用 Java 或 PHP 编写任何代码)

【问题讨论】:

标签: gmail html-email


【解决方案1】:

您不能链接到电子邮件中的外部样式表。您需要将其包含在 html 页面中。此外,您应该内联它,因为某些客户端(尤其是 Gmail)从您的 <style> 标记中删除所有 CSS。

通常您不应该从自己的电子邮件客户端发送 html 电子邮件,我建议您使用 Mailchimp 或 Campaign Monitor 之类的服务。不过,自己发送 html 的 hacky 解决方法是在 Web 浏览器中查看呈现的 html,然后 ctrl+a 复制呈现的页面并将其粘贴到您的电子邮件正文中。远非最佳实践,但它确实有效。

您还需要在线托管您的图片,否则它们将无法为收件人加载。

【讨论】:

    【解决方案2】:
    <html>
    <body>
    
    <h3>Send e-mail to abc@sample.com</h3>
    
    <form action="MAILTO:abc@sample.com" method="post" enctype="text/plain">
    Name:<br>
    <input type="text" name="name" value="your name"><br>
    E-mail:<br>
    <input type="text" name="mail" value="your email"><br>
    Comment:<br>
    <input type="text" name="comment" value="your comment" size="50"><br><br>
    <input type="submit" value="Send">
    <input type="reset" value="Reset">
    </form>
    
    </body>
    </html>
    

    【讨论】:

      【解决方案3】:

      由于您想从您的 Gmail 帐户发送 HTML 电子邮件并且不想编写 Java 或 PHP,我建议您查看 Google AppScripts

      在 AppScripts 编辑器中,您可以使用以下代码创建 HTML 模板并按原样发送。

       var htmlEmailBody = HtmlService.createTemplateFromFile('html-template-name');
      
        var subject = "Welcome to Google AppScripts";
        var toAddress = "xyz@xyz.com";
        var normalBody = "This is the normal plaintext version of the html email";
      
          GmailApp.sendEmail(toAddress, subject, normalBody, {
            htmlBody : htmlEmailBody.evaluate().getContent()
          });
      
        }
      

      但是,在发送 HTML 电子邮件时需要遵循一些事项,例如内联所有 CSS 样式、使用表格布局等等。我建议你阅读我在同一个here.上的文章

      前往script.google.com 开始编写您的第一个 AppScript。

      【讨论】:

        猜你喜欢
        • 2019-07-21
        • 2012-07-07
        • 2016-05-15
        • 2016-01-06
        • 1970-01-01
        • 1970-01-01
        • 2010-12-07
        • 2021-10-22
        相关资源
        最近更新 更多