bryanjamesmiller / laravel-inky
Laravel中的Foundation Inky电子邮件模板
v9.0.1
2019-12-07 00:31 UTC
Requires
- illuminate/support: ^5.7|^6.0
- illuminate/view: ^5.7|^6.0
- incentfit/inky: 1.3.6.5
- symfony/dom-crawler: ^3.0|^4.0
- tijsverkoyen/css-to-inline-styles: ^2.2
Requires (Dev)
- graham-campbell/testbench: ^5.3
- phpunit/phpunit: ^8.0
- dev-master
- v9.0.1
- v8.9
- v8.8
- v8.7
- v8.5
- v8.4
- v8.3
- v8.2
- v8.1
- v8.0
- v7.9
- v7.8
- v7.7
- v7.4.3
- v7.4.2
- v7.4.1
- v7.4.0
- v7.2.0
- v7.1.1
- v7.1.0
- v7.0.1
- v0.7.0
- 0.5.2
- 0.5.1
- 0.5.0
- 0.4.1
- 0.4.0
- 0.3.0
- 0.2.0
- 0.1.1
- 0.1.0
- dev-feature/test-branch
- dev-test-merge
- dev-update-to-laravel-6
- dev-github-actions
- dev-support-php72
- dev-php72
This package is auto-updated.
Last update: 2024-09-07 10:36:08 UTC
README
允许您在Laravel 6中优雅地使用Foundation for Emails 2(原名 Inky)电子邮件模板。
任何扩展名为 .inky.php
的视图都将与Inky和Blade一起编译,让您可以无缝地一起使用这两个模板引擎。CSS将自动内联,以便在不支持外部样式的电子邮件客户端中工作。
安装
使用Composer要求
composer require bryanjamesmiller/laravel-inky
用法
有关如何使用Inky和Foundation for Emails CSS的完整用法,请参阅 Foundation for Emails 文档。
创建Inky视图,例如 emails/welcome.inky.php
<container> <row> <columns>Welcome, {{ $name }}</columns> </row> </container>
在Laravel中按常规使用 Mail
Mail::send('emails.welcome', ['name' => $user->name], function ($m) use ($user) { $m->from('hello@app.com', 'Your Application'); $m->to($user->email, $user->name)->subject('Welcome!'); });
您可以创建一个Blade布局来继承,例如 emails/layout.inky.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width"/> <link rel="stylesheet" href="foundation-emails.css"> </head> <body> @yield('content') </body> </html>
然后
@extends('emails.layout') @section('content') <container> <row> <columns>Welcome, {{ $name }}</columns> </row> </container> @stop
CSS内联
<style>
和 <link rel="stylesheet">
将自动内联。
您的 <link rel="stylesheet">
href
位置将被解析为 resources/assets/css
目录,因此在上面的例子中,它期望在 resources/assets/css/foundation-emails.css
中有一些CSS。
以下是电子邮件中CSS的有用参考: 电子邮件客户端CSS支持指南