Rails HTML电子邮件显示HTML代码

我正在开发一个html欢迎电子邮件给新用户，但它不工作。当我发送它时，它将HTML代码显示为文本，而不是呈现实际的HTML。我使用Mailchimp中的模板制作了我的模板的html，所以我很惊讶它不起作用。另外，当我使用Putsmail.com和emailonacid.com发送电子邮件时，它看起来很好。Rails HTML电子邮件显示HTML代码

然而，在生产中，电子邮件发送和HTML文本显示在电子邮件，像这样（从registration_confirmation.html.erb）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="width: 100% !important; -webkit-text-size-adjust: none !important; background-color: #ffa500 !important; margin: 0; padding: 0;" bgcolor="#ffa500"> 
    <center> 
    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="height: 100% !important; width: 100% !important; margin: 0; padding: 0;"> 
     <tr> 
     <td align="center" valign="top"> 
     <!-- // Begin Template Preheader \\ --> 
      <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader" style="background-color: #ffa500;" bgcolor="#ffa500"> 
      <tr> 
       <td valign="top" class="preheaderContent"> 
       <table border="0" cellpadding="10" cellspacing="0" width="100%"> 
        <tr> 
        <td valign="top"> 
         <div mc:edit="std_preheader_content" style="color: #505050; font-family: Arial; font-size: 10px; line-height: 100%; text-align: left;" align="left"> 
         </div> 
        </td> 
        <td valign="top" width="180"> 
         <div mc:edit="std_preheader_links" style="color: #505050; font-family: Arial; font-size: 10px; line-height: 100%; text-align: left;" align="left"> 
         </div> 
        </td> 
        </tr> 
       </table> 
       </td> 
      </tr> 
      </table> 

      <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" style="background-color: #ffffff; border: 1px solid #dddddd;" bgcolor="#ffffff"> 
      <tr> 
       <td align="center" valign="top"> 
       <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateBody"> 
        <tr> 
        <td valign="top" class="bodyContent" style="background-color: #ffffff;" bgcolor="#ffffff"> 
         <table border="0" cellpadding="10" cellspacing="0" width="100%"> 
         <tr> 
          <td> 
          <a href="http://foobar.com">                              
           <img src="https://s3.amazonaws.com/images/email_logo.gif" style="float:right;" alt="logo" /> 
          </a> 
          </td> 
         </tr> 

         <tr> 
          <td valign="top"> 
          <div mc:edit="std_content00" style="color: #505050; font-family: Arial; font-size: 14px; line-height: 150%; text-align: left;" align="left"> 
           <span class="h2" style="color: #202020; display: block; font-family: Arial; font-size: 22px; font-weight: bold; line-height: 100%; margin-bottom: 10px; text-align: left;">Welcome to <%= user.name %>!</span> 
           Thanks for registering!<br /><br /> 
          </div>                             
          </td> 
         </tr> 
         </table> 
        </td> 
        </tr> 
       </table> 
       </td> 
      </tr> 

      <tr> 
       <td align="center" valign="top">  
       <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter" style="background-color: #FDFDFD; border-top-width: 0;" bgcolor="#FDFDFD"> 
       <tr> 
        <td valign="top" class="footerContent"></td> 
       </tr> 
       </table> 
      </td> 
      </tr> 
     </table> 
     <br> 
     </td> 
    </tr> 
    </table> 
</center> 

<style type="text/css"> 
    body { width: 100% !important; } 
    body { -webkit-text-size-adjust: none !important; } 
    body { margin: 0 !important; padding: 0 !important; } 
    img { border: none !important; font-size: 14px !important; font-weight: bold          
    !important; height: auto !important; line-height: 100% !important; outline: none 
    !important; text-decoration: none !important; text-transform: capitalize !important; } 
    #backgroundTable { height: 100% !important; margin: 0 !important; padding: 0 
    !important; width: 100% !important; } 
    body { background-color: #FAFAFA !important; } 
    .preheaderContent div a:visited { color: #336699 !important; font-weight: normal 
    !important; text-decoration: underline !important; } 
    .headerContent a:visited { color: #336699 !important; font-weight: normal 
    !important; text-decoration: underline !important; } 
    .bodyContent div a:visited { color: #336699 !important; font-weight: normal 
    !important; text-decoration: underline !important; } 
    .footerContent div a:visited { color: #336699 !important; font-weight: normal 
    !important; text-decoration: underline !important; } 
    body { background-color: #ffa500 !important; } 
</style>

我的邮件：

def registration_confirmation(user) 
    @user = user 
    subject  "Welcome #{@user.first_name}!" 
    from  "[email protected]" 
    recipients @user.email 
    sent_on  Time.now 
end

从用户登记模型调用：

Notifier.registration_confirmation(user).deliver

来源

2012-04-09 yellowreign

你似乎缺少内容类型：

def registration_confirmation(user) 
    @user = user 
    subject  "Welcome #{@user.first_name}!" 
    from   "[email protected]" 
    recipients @user.email 
    sent_on  Time.now 

    # Set content-type header 
    content_type "text/html" 
end

它默认为text/plain，所以你必须明确地设置它的HTML信息或连锁信息。

来源

2012-04-09 19:58:07

谢谢Michael！如果我想制作多部分电子邮件，所以我有文本和html版本，我可以使用相同的content_type吗？我想在Notifier中为我的所有电子邮件设置它（并且它们都有多个部分）。 – yellowreign 2012-04-09 20:50:58

@yellowreign请参阅多部分电子邮件的[ActionMailer]（http://rails.rubyonrails.org/classes/ActionMailer/Base.html）文档示例。你需要一个不同的内容类型，然后为每个MIME部分调用'part'（plain＆html） – 2012-04-09 20:52:37

@MichaelBerkowski我想用'mail（：body => @body，subject：@subject，：to => @recipients，：headers => @headers，：content_type =>“text/html”）'..但它仍然发送文本..是它如何写入？ – abbood 2014-01-03 12:28:30

Rails HTML电子邮件显示HTML代码

回答

相关问题