bryanjamesmiller/laravel-inky

Laravel中的Foundation Inky电子邮件模板

v9.0.1 2019-12-07 00:31 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支持指南

许可证

MIT许可证