Установить стили для динамически добавляемого HTML-кода в шаблоне электронной почты

В настоящее время я работаю над адаптивным шаблоном электронной почты и сталкиваюсь с вопросом, как стилизовать динамически добавляемый HTML-код.

Поскольку большая часть почтового клиента не поддерживается встроенным CSS, я добавил встроенные стили, так как часть шаблона загружается динамически, я не могу добавить встроенные стили для этой части.

Пример: мне нужно динамически загрузить следующий образец HTML-кода в мой шаблон электронной почты.

<p>bla bla bla .....</p>
<a href=""><img src="" class="" /></a>
<p>bla bla bla .....</p>

В этом примере, как следует установить max-width для img элемент, как это должно работать для большинства почтовых клиентов?

Обратите внимание, что я использую PHP как язык программирования.

Заранее спасибо.

Источник

2 ответа

Решение

Я использовал html dom parser, чтобы внести изменения в HTML-код, как показано ниже,

function add_inline_styles($string){
    $string = str_get_html($string);
    foreach($string->find('img') as $key => $img_tags) {
        $img_tags->setAttribute("style", max-width: 570px;");
    }
    return $string;
}

Чтобы использовать dom parser, вы должны включить simple_html_dom.php, а для получения дополнительной информации, пожалуйста, следуйте документации.

Источник

Если вы можете установить class или же srcВы можете сделать:

 $class='something';

 $class= $class. '"' . ' style="max-wdth:100px;';

тогда у вас будет:

 <img src="" class="something" style="max-wdth:100px;" />
Источник
Другие вопросы по тегам