如何在Laravel中通过电子邮件发送HTML格式

时间:2018-06-11 16:52:32

标签: php laravel

我正在创建一个网站。其中有一个注册页面。在用户注册后,将向用户在注册期间输入的电子邮件地址发送电子邮件。我尝试发送一些没有任何HTML标签的文本,并且已成功发送。之后我创建了HTML格式并再次尝试,当时我将所有单词,文本和HTML标签都添加到电子邮件地址中。现在我想使用HTML格式发送格式化文本。

我该怎么做?

邮件HTML格式。 (mail.blade.php)

<html>
<head>

</head>

<body>

<div class="row">
    <div class="col-md-6 col-md-offset-3">

        <div class="panel">
            <div class="panel-body">
                <div class="media-block">
                    <div class="media-left" style="white-space:nowrap">
                        <div class="invoice-logo col-md-12">
                            <div class="media-left">
                                <img src="https://1.bp.blogspot.com/-7NRmwzg6NFw/WqYbo3ydbRI/AAAAAAAAAxM/x_ei2ATh_1k7yJq9_TaXOTsdh1Mjm2rxQCLcBGAs/s400/PicsArt_03-12-11.46.14.jpg" style="width: 50%;"></br>
                                <small>Country</small></br>
                                <small>http://www.web.com/</small>
                            </div>
                        </div>
                    </div>
                    <div class="media-body text-right">
                        <h3 class="h1 text-uppercase text-normal mar-no">INVOICE</h3>
                    </div>
                </div>
                <hr class="new-section-sm bord-no">
                <div class="row">
                    <div class="col-xs-6">
                        <address>
                            <strong class="text-main">{{ $Mname }}</strong><br>
                            {{$date}}<br>
                            {{$st}}
                        </address>
                    </div>
                    <div class="col-xs-6">
                        <table class="pull-right invoice-details">
                            <tbody>
                            <tr>
                                <td class="text-main text-bold">Invoice #</td>
                                <td class="text-right text-primary text-bold">Id 1</td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">Billing Date</td>
                                <td class="text-right">From Date Db</td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">Amount Due</td>
                                <td class="text-right text-bold text-main">Total</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <hr class="new-section-sm bord-no">
                <div class="table-responsive">
                    <table class="table table-striped invoice-summary">
                        <thead>
                        <tr class="">
                            <th>Description</th>
                            <th class="min-col text-center">Qty</th>
                            <th class="min-col text-center">Price</th>
                            <th class="min-col text-right">Total</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <strong>Des Db</strong>
                            </td>
                            <td class="text-center">Qty Db</td>
                            <td class="text-center">Price Db}</td>
                            <td class="text-right">Total Db</td>
                        </tr>
                        </tbody>
                    </table>
                    <table class="table invoice-total">
                        <tbody>
                        <tr>
                            <td><strong>TOTAL :</strong></td>
                            <td class="text-bold h4">Total Db</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
</body>
</html> 

3 个答案:

答案 0 :(得分:1)

  • 内联所有样式。尽量不要使用类名。
  • 尽可能使用表格。不要使用div。
  • 如果您正在尝试制作复杂的HTML模板,请尝试使用mjml.io。它会让你的生活变得非常简单。

答案 1 :(得分:0)

有两种方法可以解决您的问题:

<强> 1。不要在你的html邮件上使用bootstrap和主题类

使用style =&#34;&#34;而不是class =&#34;&#34;,它被称为内联样式

<强> 2。将CSS导入HTML头

如果你需要在html上使用bootstrap类,那么你需要在你的html邮件中复制头部样式中的CSS代码

答案 2 :(得分:0)

只需传递视图

public function build()
{
    return $this->view('emails.orders.shipped');
}