php - Html 电子邮件忽略所有内联 css

标签 php html css ajax

我通过 ajax 调用将内容从 html 发布到 php。我想发送一封包含已发布内容的 html 电子邮件。我回应了发布的数据,它包含所有内联 css。但是在邮件中我只能看到没有CSS效果的html内容。

我的 html 代码将包含一些具有内容可编辑功能的静态内容。

           <form id="form"name="form" method="post" action="xyz.php"  onsubmit="this.divcontent.value =    document.getElementById('email_body').innerHTML;">
           <input type="hidden" name="divcontent" id="divcontent" value="" />
           <div id="email_body" class="field" role="textbox" contenteditable="true">
           <div style="....">......</div>
           <a>.....</a>
           <div style="....">....</div>
           <div style="....">....</div>
           </div>
           <div class="send_mail"><button type="submit">Send</button></div>
           </form>

我的ajax调用

             $.ajax({
                        type : 'POST',
                        url : $("#form").attr('action'),
                        data : fields,
                        dataType : 'json',
                        success: function() {......}....});

我的 php 代码正在发送没有 css 效果的邮件。

        <?
            $email_body = $_POST[divcontent];
            $headers .= "MIME-Version: 1.0\r\n";
            $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";




                        //create email headers
                        $headers .= 'From: '.$email_from."\r\n".
                        'Reply-To: '.$emailid_from."\r\n" .
                        'X-Mailer: PHP/' . phpversion();
                        @mail($email_to, $email_subject, $email_body, $headers); 
               $array = array('error' => false, 'message' => $message);
               echo json_encode($array);
              echo json_encode($array);
    ?>


any suggestions?

最佳答案

当您设计时事通讯的样式时,最好将您的文本包裹在字体标签中。电子邮件客户端对其解析非常非常挑剔。您应该像 1990 年一样编写代码(带表格)。

<font face="verdana" color="green">This is some text!</font>

字体标签:http://www.w3schools.com/tags/tag_font.asp

关于php - Html 电子邮件忽略所有内联 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16426209/

相关文章:

php - 如何在我的 WordPress 页脚中包含 Jquery?

PHP、MYSQL --> 在 INSERT INTO 语句后直接选择 *

asp.net - 李 :hover ul works in Chrome always and IE9 "sometimes"

c# - 删除 div 之间的间距,bootstrap

html - 水平对齐 <td> 中的 <div>

php - 如何将 MySQLi 转换为准备好的语句?

php - 如何将大量数据以一个值传输到 MySQL 服务器?

class - 将鼠标悬停在其他 css 类上时更改类属性

javascript - 带有数据的 Handlebars.js 网格

html - 自动整理 JSP/JSF 文件