2017-04-07 54 views
0

我想用發票格式發送電子郵件,但收到的電子郵件沒有使用內聯CSS的樣式。發送電子郵件與Django不顯示HTML格式使用內部的CSS?

template = get_template('UserSuccessTemplate.html') 

    context = Context(
     {'productName': data.productId.productName, 
     'date': data.date, 'amount': data.productPrice, 'txnid': 
    txnid}) 
    content = template.render(context) 

    email = EmailMessage('Your payment has been successfully 
    processed. Thank you', content, to=[data.email]) 
    email.send() 

<!doctype html> 
<html> 
<head> 

    <meta charset="utf-8"> 
    <title>DTH</title> 

    <style> 
    .invoice-box{ 
     max-width:800px; 
     margin:auto; 
     padding:30px; 
     border:1px solid #eee; 
     box-shadow:0 0 10px rgba(0, 0, 0, .15); 
     font-size:16px; 
     line-height:24px; 
     font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; 
     color:#555; 
    } 

    .invoice-box table{ 
     width:100%; 
     line-height:inherit; 
     text-align:left; 
    } 

    .invoice-box table td{ 
     padding:5px; 
     vertical-align:top; 
    } 

    .invoice-box table tr td:nth-child(2){ 
     text-align:right; 
    } 

    .invoice-box table tr.top table td{ 
     padding-bottom:20px; 
    } 

    .invoice-box table tr.top table td.title{ 
     font-size:45px; 
     line-height:45px; 
     color:#333; 
    } 

    .invoice-box table tr.information table td{ 
     padding-bottom:40px; 
    } 

    .invoice-box table tr.heading td{ 
     background:#eee; 
     border-bottom:1px solid #ddd; 
     font-weight:bold; 
    } 

    .invoice-box table tr.details td{ 
     padding-bottom:20px; 
    } 

    .invoice-box table tr.item td{ 
     border-bottom:1px solid #eee; 
    } 

    .invoice-box table tr.item.last td{ 
     border-bottom:none; 
    } 

    .invoice-box table tr.total td:nth-child(2){ 
     border-top:2px solid #eee; 
     font-weight:bold; 
    } 

    @media only screen and (max-width: 600px) { 
     .invoice-box table tr.top table td{ 
      width:100%; 
      display:block; 
      text-align:center; 
     } 

     .invoice-box table tr.information table td{ 
      width:100%; 
      display:block; 
      text-align:center; 
     } 
    } 
    </style> 
</head> 

<body> 
    <div class="invoice-box"> 
     <table cellpadding="0" cellspacing="0"> 
      <tr class="top"> 
       <td colspan="2"> 
        <table> 
         <tr> 
          <td class="title"> 
           <img src="http://35.154.225.245/static/images/satellite-dish.png" style="width:100%; max-width:300px;"> 
          </td> 

          <td> 
           Invoice #: {{txnid}}<br> 
           Created: {{date}} 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr> 

      <tr class="information"> 
       <td colspan="2"> 
        <table> 
         <tr> 
          <td> 
           Next Step Webs, Inc.<br> 
           12345 Sunny Road<br> 
           Sunnyville, TX 12345 
          </td> 

          <td> 
           Acme Corp.<br> 
           John Doe<br> 
           [email protected] 
          </td> 
         </tr> 
        </table> 
       </td> 
      </tr> 

      <tr class="heading"> 
       <td> 
        Product Name 
       </td> 



      </tr> 

      <tr class="details"> 
       <td> 
        {{productName}} 
       </td> 

      </tr> 

      <tr class="heading"> 
       <td> 
        Item 
       </td> 

       <td> 
        Price 
       </td> 
      </tr> 




      <tr class="item last"> 
       <td> 
        {{productName}} 
       </td> 

       <td> 
        {{amount}} 
       </td> 
      </tr> 




      <tr class="total"> 
       <td></td> 

       <td> 
        {{amount}} 
       </td> 
      </tr> 
     </table> 
    </div> 
</body> 
</html> 

我想用發票格式發送電子郵件,但收到的電子郵件沒有使用內聯CSS的樣式。 data.productId.productName, '日期'::

回答

0

主叫msg.send()

+0

'**模板= get_template( 'UserSuccessTemplate.html')上下文=上下文( { 'PRODUCTNAME' 之前,試着msg.content_subtype = "html" data.date, 'amount':data.productPrice,'txnid':txnid}) content = template.render(context) email = template.content_subtype =「html」email = EmailMessage('您的付款已成功處理。謝謝',內容,以= [data.email]) email.send()**'不工作的CSS和HTML –

+0

請參閱有關在電子郵件客戶端內部呈現HTML的討論。 http://stackoverflow.com/questions/19970348/django-html-e-mail-template-doesnt-load-css-in-the-e-mail – user7761868

相關問題