我在通过 Laravel 应用程序发送 HTML 电子邮件时遇到了困难。我试图返回视图并且它返回良好，但是当我将电子邮件发送到实际电子邮件时，它以纯文本电子邮件的形式到达，没有所有 HTML 解析。我的电子邮件视图布局如下：<!DOCTYPE html><html><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>
1 回答
白板的微信
TA贡献1883条经验 获得超3个赞
在head电子邮件布局的部分中内联添加样式。邮件客户端往往会忽略外部引用的 css。例子：
<!DOCTYPE html>
<html>
<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完成此操作。
自定义 CSS 导出组件后，resources/views/vendor/mail/html/themes 目录将包含一个 default.css 文件。您可以自定义此文件中的 CSS，您的样式将自动内联在您的 Markdown 邮件消息的 HTML 表示中。
- 1 回答
- 0 关注
- 198 浏览
添加回答
举报
0/150
提交
取消