Laravel 4电子邮件模板样式

时间:2013-11-26 04:34:30

标签: css email laravel-4 blade email-templates

我正在尝试使用bootstrap为我的电子邮件模板添加样式,但每次laravel正在做的是,它会解析模板并添加“ 3D ”,其中有“”,结果是style=3D"table"而不是style="table",这里是邮件源代码的片段

<div class=3D"well">
   <table class=3D"table table-bordered table-striped" id=3D'table'>
      <thead>
         <th>Group Name</th>
         <th>Kpi Name</th>
         <th>User Name</th>
      </thead>
      <tbody>
      </tbody>
   </table>
</div>

这是我的模板代码

<html lang="en-US">
    <head>
        <meta charset="utf-8">
        {{ HTML::style('app\\client\\css\\bootstrap.css') }}
        {{ HTML::script('app\\javascripts\\js\\jquery-1.8.3.min.js') }}
        {{ HTML::script('app\\client\\js\\bootstrap.min.js') }}
        <style>
            #table {
                border: 2px solid #ccc;
                border-radius: 5px;
            }
        </style>

    </head>
    <body>
        <div class="well">
            <table class="table table-bordered table-striped" id='table'>
                <thead>
                <th>Group Name</th>
                <th>Kpi Name</th>
                <th>User Name</th>
                </thead>
                <tbody>
                    @foreach ($groups as $group)
                    <tr>
                        <td>{{ $group['name'] }}</td>
                        <td>
                            <ul>
                                @if (array_key_exists('kpis', $group))    
                                @foreach ($group['kpis'] as $kpi)                            
                                <li>{{ Kpi::find($kpi['kpi'])->title }}</li>
                                @endforeach
                                @endif
                            </ul>
                        </td>
                        <td>
                            <ul>
                                @if (array_key_exists('users', $group))
                                @foreach ($group['users'] as $user)
                                <li>{{ User::find($user['user'])->fName.' '.User::find($user['user'])->lName }}</li>
                                @endforeach
                                @endif
                            </ul>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <footer>
            <br>
            <br>
            Regards,<br>
            <strong>Yogesh Joshi</strong><br>
            Group Leader
        </footer>
    </body>
</html>

我有什么遗漏或 laravel或邮件服务器 gmail或hotmail )存在问题,是的,我已经交叉检查了脚本和样式文件,它们确实存在于公共文件夹中。

请帮助或提供任何替代方法。

2 个答案:

答案 0 :(得分:3)

对于= 3D项目,请参阅此帖子:What's a 3D doing in this HTML?

我看到你正试图在你的电子邮件中加载javascript,这不是一个好主意。见:Is JavaScript supported in an email message?

我不确定是否将样式表加载到html电子邮件中,因此我会将其保留为开放状态。

答案 1 :(得分:0)

在电子邮件中使用Bootstrap听起来有点矫枉过正,但有一个名为Bootstrap Template for HTML Email的旧项目。不确定这是否有帮助。

此问题似乎与SO问题“Has anyone gotten HTML emails working with Twitter Bootstrap?

部分相同

使用刚刚复制的实际项目中的迷你样式表,可能更容易使用HTML Email Boilerplate

或者如果你很懒,请使用Mailchimp wysiwyg -editor并将其导出MC。他们有非常好的所见即所得编辑器和响应式模板。我一直在使用它,它节省了一些时间和精力。