无法在 Laravel 5.8 中发送 HTML 封电子邮件

Question

我很难通过我的 Laravel 应用程序发送 HTML 电子邮件。我已经尝试 return 视图并且它 return 很好，但是当我将电子邮件发送到实际电子邮件时，它作为纯文本电子邮件到达，没有所有 HTML 解析。

我的邮件视图布局如下：

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" 
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" 
  rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="{{ url('design-assets/lib/bootstrap/css/bootstrap.min.css')}}" 
 rel="stylesheet">

 <!-- Main Stylesheet File -->
 <link href="{{ url('design-assets/css/style.css" rel="stylesheet')}}">
 <link href="{{ url('design-assets/css/prof-custom.css')}}" 
 rel="stylesheet">
 @yield('styles')
</head>

<body id="body">
@yield('content')
<!-- JavaScript Libraries -->
<script src="{{ url('design-assets/lib/jquery/jquery.min.js')}}"></script>
<script src="{{ url('design-assets/lib/jquery/jquery-migrate.min.js')}}"> 
</script>
 <script src="{{ url('design-assets/lib/bootstrap/js/bootstrap.bundle.min.js') }}/"></script>

<!-- Contact Form JavaScript File -->
<!-- Template Main Javascript File -->
<script src="{{ url('design-assets/js/main.js') }}"></script>
@yield('scripts')
</body>

The actual email view is as follows:

@extends('layouts.mail')
@section('content')
<div class="card montserrat-font">
<div class="card-header">
    <div class="card-title">Contact Message from the Website</div>
</div>
<div class="card-body">
    <div class="card-text">
        Dear Sir,<br /><br />
    We have a contact from our events website with the following details<br/><br />
    </div>
    <div class="table-responsive">
        <table class="table table-striped">
            <tr>
                <th>Name of Sender:</th><td>{{$mail_info['name']}}</td>
            </tr>
            <tr>
                <th>Email of Sender:</th><td>{{$mail_info['email']}}</td>
            </tr>
            <tr>
                <th>Phone number of Sender:</th><td>{{$mail_info['phone']}}</td>
            </tr>
            <tr>
                <th>Subject of Message:</th><td>{{$mail_info['subject']}}</td>
            </tr>                       
            {{--  <tr>
                <th>Message:</th><td>{{$mail_info['message']}}</td>
            </tr>  --}}
        </table>
    </div>
    <div class="card-title">Message body</div>
    <div class="card-text">
        {!! $mail_info['message'] !!}
    </div>
</div>
</div>
@endsection

问题是，当我通过 returning 视图从电子邮件视图检查 returned 格式时，如下所示：

 return new \App\Mail\ContactMail(['email' => 'testemail@gmail.com', 'name' => 'Testing Name','phone'=>'08033776502', 'subject' => 'Just a test', 'message' => "This is  a message returned from testing the view email template"]);

我得到的视图完全代表了我想要的内容，但是当我发送电子邮件时，它以纯文本电子邮件的形式到达

这就是我通过 mailable 调用视图的方式 class

<?php

namespace App\Mail;

use Illuminate\Bus\Queueable;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Contracts\Queue\ShouldQueue;

class ContactMail extends Mailable
{
    use Queueable, SerializesModels;

    /**
     * Create a new message instance.
     *
     * @return void
     */
    public $mail_info;

public function __construct($mail_info_array)
{
    $this->mail_info = $mail_info_array;
}

/**
 * Build the message.
 *
 * @return $this
 */
public function build()
{
    // return $this->view('view.name');
    return $this->view('mails.web-contact', ['mail_info'=>$this->mail_info]);
}
}

然后通过控制器如下：

 public function post_contact(Request $request)
{
    try
    {
        $data = $request->all();
        $this->validate_recaptcher($data['g-recaptcha-response']);
        $this->validator($request->all())->validate();
        \Mail::to('uchendukwe@yahoo.com')->send(new \App\Mail\ContactMail(['email' => $request->email, 'name' => $request->name,'phone'=>$request->phone, 'subject' => $request->subject, 'message' => $request->message]));
        return redirect()->route('ContactForm')->with('msg',"<div class='alert alert-success'><span class='fa fa-check'></span> Message successfully sent. I will get back to you soon if necessary</div>");
        // return new \App\Mail\ContactMail(['email' => $request->email, 'name'=> $request->name,'phone'=>$request->phone, 'subject' => $request->subject, 'message' => $request->message]);
    }
        catch(Exception $e)
    {
        return back()->withInputs()->with('msg',"<div class='alert alert-danger'><span class='fa fa-warning'></span> ".$e->getMessage()."</div>");
    }        
}

我正在使用 smtp 电子邮件驱动程序，其他一切都按预期工作。

如果有任何解决此问题的指南，我将不胜感激

谢谢

Answer 1

在电子邮件布局的 head 部分内联添加样式。邮件客户端倾向于忽略外部引用 css。示例：

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

...

<style type="text/css">
    your custom styles here
</style>

...

</head>
</html>

您可以使用 Markdown 来完成此操作。

Customizing The CSS After exporting the components, the resources/views/vendor/mail/html/themes directory will contain a default.css file. You may customize the CSS in this file and your styles will automatically be in-lined within the HTML representations of your Markdown mail messages.

无法在 Laravel 5.8 中发送 HTML 封电子邮件

Unable to send HTML email in Laravel 5.8

php

email

html-email

laravel-5.8