Mailjet удаляет теги <style>, применяя свои собственные встроенные стили - PullRequest
Новая
       23

Mailjet удаляет теги <style>, применяя свои собственные встроенные стили

0 голосов
/ 15 апреля 2019

У меня есть следующий шаблон веточки: 

<style>
    div {
        font-family: Transit,"Segoe UI Emoji",sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.7;
    }
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: .5em;
        font-weight: 700;
        line-height: 1.5;
    }
    h1 {
        font-size: 40px;
    }
    h2, h3 {
        font-size: 31px;
    }
    h4 {
        font-size: 24px;
    }
    b, strong {
        font-weight: 700;
    }

</style>

<h1>{{ data.headline }}</h1>

<div>{{ data.body|raw }}</div>

{% if data.image_url is defined and data.image_url != null %}
    <img src="{{ data.image_url }}">
{% endif %}

... который обрабатывается и передается в mailjet. Однако когда mailjet отправляет представленный шаблон по электронной почте, он удаляет элемент <style> и применяет свои собственные встроенные атрибуты style непосредственно к элементам.

Как мне получить желаемые стили для рендеринга в электронном письме? (Я не могу просто жестко кодировать атрибуты style в самих тегах, поскольку мой контент поступает из введенного пользователем текста в редакторе WYSIWYG.)

1 Ответ

0 голосов
/ 15 апреля 2019

В вашем стиле задайте все как !important, это переопределит все остальные CSS, сгенерированные inline.

...