Laravel Notification 想在通知 Blade 模板中使用 view html-6ren

Laravel Notification 想在通知 Blade 模板中使用 view html

转载作者：行者123 更新时间：2023-12-05 03:03:05

我正在使用 Laravel 5.7.20 版来构建自定义 Markdown 模板。模板复制自 /resources/views/vendor/notifications/email.blade.php这是在发出命令 php artisan vendor:publish --tag=laravel-notifications 后生成的。

以下显示 HTML 的作品:

return (new MailMessage)
    ->line(new HtmlString('The <strong>introduction</strong> to the notification.'))
    ->line('The <strong>introduction</strong> to the notification.')
    ->line(new HtmlString('Due Date: <strong>' . Carbon::parse($this->info->created_at)->format('Y-m-d H:i') . '</strong>'))
    ->line('Due Date: <strong>' . Carbon::parse($this->info->created_at)->format('Y-m-d H:i') . '</strong>')
    ->action('Notification Action', url('/'));

这是行不通的。这是使用我自己的 Markdown

return (new MailMessage)
            ->line(new HtmlString('The <strong>introduction</strong> to the notification.'))
            ->line('The <strong>introduction</strong> to the notification.')
            ->line(new HtmlString('Due Date: <strong>' . Carbon::parse($this->info->created_at)->format('Y-m-d H:i').'</strong>'))
            ->line('Due Date: <strong>' . Carbon::parse($this->info->created_at)->format('Y-m-d H:i').'</strong>')
            ->action('Notification Action', url('/'))
            ->markdown('mail.notification.permission');

我的 mail.notification.permission 文件是从 laravel-project/resources/views/vendor/notifications/email.blade.php 复制过来的

我想我需要view 而不是markdown。但是我更改了 ->view('mail.notification.permission'); 我得到了错误 No hint path defined for [mail]。 (查看:/Users/shiro/Sites/laravel-project/resources/views/mail/notification/permission.blade.php)

我应该复制哪个文件以便我使用 html，而不是标记格式。

我还没有看到通知使用 ->view 而不是 ->markdown 的任何解决方案。或者在通知电子邮件中显示 html 的正确流程是什么？

最佳答案

好的，我发现错误了。

如果要使用->view()， Blade 模板不能使用@component('mail::message')，它必须用新鲜的 Blade 式布局(像普通页面一样构建您自己的 View )。这样你就不会得到 No hint path defined for [mail] 错误。

Laravel Notification 标记很多以学习它们的语法和生态系统。对于那些想要简单通知的人来说非常棒。但是如果你想要自定义页面，我建议使用 view()。

我分享了我从 mark down 发出后复制的布局 Blade 文件。内容部分你有自己的逻辑。

    public function toMail($notifiable)
    {
        return (new MailMessage)
            ->subject('New Invoice')
            ->view( 'mail.notification.custom_invoice', ['invoice' => $this->invoice]);
    {

email_layout.blade.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; background-color: #f5f8fa; color: #74787E; height: 100%; hyphens: auto; line-height: 1.4; margin: 0; -moz-hyphens: auto; -ms-word-break: break-all; width: 100% !important; -webkit-hyphens: auto; -webkit-text-size-adjust: none; word-break: break-word;">
<style>
    @media  only screen and (max-width: 600px) {
        .inner-body {
            width: 100% !important;
        }

        .footer {
            width: 100% !important;
        }
    }

    @media  only screen and (max-width: 500px) {
        .button {
            width: 100% !important;
        }
    }
</style>

<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; background-color: #f5f8fa; margin: 0; padding: 0; width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%;">
    <tr>
        <td align="center" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box;">
            <table class="content" width="100%" cellpadding="0" cellspacing="0" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; margin: 0; padding: 0; width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%;">
                <tr>
                    <td class="header" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; padding: 25px 0; text-align: center;">
                        <a href="{{ url('/') }}" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; color: #bbbfc3; font-size: 19px; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 white;">
                            {{ config('app.name', 'Laravel') }}
                        </a>
                    </td>
                </tr>


                <!-- Email Body -->
                <tr>
                    <td class="body" width="100%" cellpadding="0" cellspacing="0" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; background-color: #FFFFFF; border-bottom: 1px solid #EDEFF2; border-top: 1px solid #EDEFF2; margin: 0; padding: 0; width: 100%; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 100%;">
                        <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; background-color: #FFFFFF; margin: 0 auto; padding: 0; width: 570px; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px;">
                            <!-- Body content -->
                            <tr>
                                <td class="content-cell" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; padding: 35px;">
                                    @yield('content')
                                    <p style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; color: #74787E; font-size: 16px; line-height: 1.5em; margin-top: 0; text-align: left;">Regards,<br>{{ config('app.name', 'Laravel') }}</p>
                                    @yield('subcopy')
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr>
                    <td style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box;">
                        <table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; margin: 0 auto; padding: 0; text-align: center; width: 570px; -premailer-cellpadding: 0; -premailer-cellspacing: 0; -premailer-width: 570px;">
                            <tr>
                                <td class="content-cell" align="center" style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; padding: 35px;">
                                    <p style="font-family: Avenir, Helvetica, sans-serif; box-sizing: border-box; line-height: 1.5em; margin-top: 0; color: #AEAEAE; font-size: 12px; text-align: center;">© {{ date('Y') }} {{ config('app.name', 'Laravel') }}. All rights reserved.</p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>

关于Laravel Notification 想在通知 Blade 模板中使用 view html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54218452/

文章推荐： c# - 如何设置 JsReport .NET 以使用当前应用程序文件夹

文章推荐： Angular (2+): Mutating an input param in child component

文章推荐： c# - 如何更改 GCS 存储桶中单个对象的存储类？

android - 当应用程序不在前台时，如何使用 Firebase Cloud Messaging(通知)在 Android 中获取 Heads Up 通知？
我有一个应用程序应该在应用程序处于前台和后台(不在历史记录中)时显示提醒通知。在前景情况下，我通过以下方法实现了这一点。 PendingIntent pendingIntent = PendingI
WPF 通知
如何为我的 WPF 应用程序创建通知，例如浏览器上的通知，它们通过浏览器顶部的“工具栏”显示消息或通过在右下角向上/向下滑动的弹出窗口显示“MSN”样式通知屏幕。也许在应用程序中心淡入/淡出的面板可以
HTML5 通知
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve
Redis 通知
我正在使用 Redis 作为分布式缓存。我有不同的应用程序，它们只听特定的键。例如:App1 听 App1.*App2 监听 App2.* 等等。我的应用程序使用以下模式接收通知:App1:“ ke
新镜像版本的 Docker 通知
我正在尝试构建一个基于官方节点 docker 镜像的 docker 镜像，我想知道是否有某种方法可以在推送新版本的官方节点镜像时自动重建镜像。这样我的图像就不会基于过时的基础图像。也许有类似 rss
notifications - Nextcloud 通知
我在一个项目中工作，我需要在添加或修改文件时在数据库中记录文件信息，以便它们保持同步。这些文件应该存储在 Nextcloud 服务器中，那么 Nextcloud 是否有办法通知这些更改(例如 webh
Laravel 通知 - 通过用户指定
通知类中的方法via 如何根据用户的偏好动态变化，一个用户可能想通过电子邮件接收，而另一个用户则不想 public function via($notifiable) { return ['d
Laravel 通知 - 延迟电子邮件发送并在条件满足时取消
我有一个应用程序，我正在发送推送通知，如果用户登录到应用程序，这很好 - 但是，如果他们没有/如果他们没有在 X 分钟内阅读通知，我想给他们发送一封电子邮件. 我要解决的方法是使用 Laravel N
关于提交评论的 Django 通知
我正在使用 Django 的 contrib.comments 并想了解以下内容。是否有任何实用程序或应用程序可以插入到某个应用程序中，当对某个项目发表评论时向您发送通知？我并没有真正使用过那么多
首次启动应用程序时 iPhone 通知
我希望用户在启动应用程序之前接受协议(protocol)。所以在 appDelegate.m 中我有以下内容: - (BOOL)application:(UIApplication *)applica
移除元素时的 angularJS 通知
我正在创建一个新指令，我想知道如何在 angular 从 DOM 中删除元素时收到通知。我的目标是在删除元素时添加 jquery 动画。最佳答案如果您尝试对元素的移除进行动画处理，则需要在移除元
iphone - UIScrollView 通知
我正在编写一个应用程序，其工作方式与Apple的Weather.app非常相似:底部有一个UIPageControl，屏幕中间有一个UIScrollView。在我的代码中，我实现了 - (void)s
iPhone notification_post 通知
如何查明 iPhone 注册了哪些通知？例如: notify_post("com.apple.springboard/Prefs"); 最佳答案虽然这个问题的答案已经得到确认，但由于 @Nate
cocoa 通知，如何观察事件？
我的 Cocoa 应用程序中有一个 TextField。该文本字段有时会被填充，有时会为空。我希望当字段为空时按钮被禁用。现在，每当我对 Core Data 执行某些操作时，我都会检查该字段，Tex
文件更新时的 Delphi 通知
我的应用程序在其数据库中包含文档。用户可以打开文档，在这种情况下，文档将保存到临时文件夹并在用户计算机上打开。我希望在这些临时文件之一发生更改时收到通知，并让用户将更改后的文档保存回数据库。在 D
javascript - 轮询新消息警报/通知
我目前正在开发一个网络应用程序，它不断对 php 进行 ajax 调用(轮询)，以从数据库中提取新的“任务”，有点像 gmail/facebook 检查新电子邮件和消息的方式。当前的 JavaScri
angular - Electron 通知
我正在尝试让通知适用于我使用 Angular 5 和 Electron 制作的 Electron 应用程序。到目前为止，我的 index.html 文件中有以下代码: function doNo
系统为后台音频应用程序提供的 iOS 通知
我有一个录音/播放应用程序。它在后台运行。当它进入后台时，如果任何其他音频应用程序打开或开始使用音频资源，我想适本地处理我的应用程序。 iOS 提供了一种发送此类通知的方法，如在 ipod 播放器中看
javascript - Chrome 通知
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 4 年前。 Improve this ques
提交某些文件的 SVN 通知
是否有 Subversion 的工具可以在对某些文件提交更改时自动通知我？最佳答案您可以创建一个 post-commit hook script “ Hook ”提交。在钩子(Hook)脚本中，

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

Laravel Notification 想在通知 Blade 模板中使用 view html