Отправить письмо с HTML и CSS - PullRequest
Новая
       45

Отправить письмо с HTML и CSS

0 голосов
/ 26 октября 2018

Я хочу отправлять собственные электронные письма, отформатированные с использованием HTML и CSS, поэтому мои шаблоны выглядят примерно так: 

<html>
    <head>
        <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
        <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
        <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script>
        <style>
            .first {background-color: green; color: black;}
            .second{background-color: red; color: white;} 
        </style>
    </head>
    <body>
        <div class='col-sm-8 first'> Hello <%= typeof name!='undefined' ? name : 'user' %> !</div>
        <div class='col-sm-4 second'> You have been registered! </div>
    </body>
</html>

Я использую ejs для разбора шаблона. Все выглядит нормально, когда я открываю письмо из Thunderbird или Outlook, но когда я открываю письмо с помощью Spark, оно просто показывает простой текст (Здравствуйте, Дэвид! Вы были зарегистрированы!). Spark отлично отображает отформатированные электронные письма от других служб, но не может отобразить отправленные мной электронные письма.

Что я могу сделать, чтобы избежать такого поведения в почтовых клиентах или исправить это в Spark?

1 Ответ

0 голосов
/ 26 октября 2018

Вам нужно создавать электронную почту HTML иначе, чем обычные веб-сайты. Рекомендуется использовать макеты на основе таблиц и встроенные стили, поскольку почтовые клиенты работают не так, как браузер (например, MS Outlook отображает содержимое с помощью Word Engine). Bootstrap не будет работать вообще, внешние таблицы стилей широко не поддерживаются, а внешние JS везде будут блокироваться.

Несколько полезных ресурсов для изучения базового макета:

https://webdesign.tutsplus.com/articles/build-an-html-email-template-from-scratch--webdesign-12770 https://emailmonks.com/blog/email-coding/step-step-guide-create-html-email/

Вы также можете попробовать и инструмент, как MJML . Который использует свой собственный простой синтаксис и выводит в электронную почту HTML.

...