Question

我目前正在制作响应式电子邮件模板，并面临如何设置动态添加的html代码的问题。

由于嵌入式CSS不支持大多数电子邮件客户端，我添加了内联样式，因为动态加载模板的部分我无法为该部分添加内联样式。

示例：我需要将以下html示例代码动态加载到我的电子邮件模板中。

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

在此示例中，如何为max-width元素设置img对大多数电子邮件客户端的工作方式？

请注意，我使用PHP作为编程语言。

提前致谢。

Answer 1

如果您可以设置class或src，则可以执行以下操作：

 $class='something';

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

然后你会：

 <img src="" class="something" style="max-wdth:100px;" />

Answer 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解析器，您应该包含simple_html_dom.php，有关详情，请点击documentation。

在电子邮件模板

2 个答案: