如何使用引导-4在电子邮件正文中使用自定义设计发送消息？

Question

我试图使用CodeIgniter-4框架通过smtp发送消息.为此，我设计了一个卡作为消息主体使用引导-4，并希望将这条消息发送给接收者。我可以成功地发送此消息，但该消息在设计时是不可见的。引导-4类不起作用。

我想向接收者展示的方式：

​

​

如何向接收者可见：：

​

我认为引导-4的CDN文件在邮件中是不可用的，这就是为什么设计不能工作的原因。请您帮助我发送电子邮件与相同的定制设计。

，让我给你看我的代码：

Email.php文件：

namespace Config;
use CodeIgniter\Config\BaseConfig;

class Email extends BaseConfig

{

/**
 * @var string
 */
public $fromEmail;

/**
 * @var string
 */
public $fromName;

/**
 * @var string
 */
public $recipients;

/**
 * The "user agent"
 *
 * @var string
 */
public $userAgent = 'CodeIgniter';

/**
 * The mail sending protocol: mail, sendmail, smtp
 *
 * @var string
 */
public $protocol = 'smtp';

/**
 * The server path to Sendmail.
 *
 * @var string
 */
public $mailPath = '/usr/sbin/sendmail';

/**
 * SMTP Server Address
 *
 * @var string
 */
public $SMTPHost = 'smtp.office365.com';

/**
 * SMTP Username
 *
 * @var string
 */
// Enter your email id from where you send email
public $SMTPUser = 'exampleMail@gmail.com';


/**
 * SMTP Password
 *
 * @var string
 */
// Enter your email's password
public $SMTPPass = 'myPassword';

/**
 * SMTP Port
 *
 * @var integer
 */
public $SMTPPort = 587;

/**
 * SMTP Timeout (in seconds)
 *
 * @var integer
 */
public $SMTPTimeout = 60;

/**
 * Enable persistent SMTP connections
 *
 * @var boolean
 */
public $SMTPKeepAlive = false;

/**
 * SMTP Encryption. Either tls or ssl
 *
 * @var string
 */
public $SMTPCrypto = 'tls';

/**
 * Enable word-wrap
 *
 * @var boolean
 */
public $wordWrap = true;

/**
 * Character count to wrap at
 *
 * @var integer
 */
public $wrapChars = 76;

/**
 * Type of mail, either 'text' or 'html'
 *
 * @var string
 */
public $mailType = 'html';

/**
 * Character set (utf-8, iso-8859-1, etc.)
 *
 * @var string
 */
public $charset = 'UTF-8';

/**
 * Whether to validate the email address
 *
 * @var boolean
 */
public $validate = false;

/**
 * Email Priority. 1 = highest. 5 = lowest. 3 = normal
 *
 * @var integer
 */
public $priority = 3;

/**
 * Newline character. (Use “\r\n” to comply with RFC 822)
 *
 * @var string
 */
public $CRLF = "\r\n";

/**
 * Newline character. (Use “\r\n” to comply with RFC 822)
 *
 * @var string
 */
public $newline = "\r\n";

/**
 * Enable BCC Batch Mode.
 *
 * @var boolean
 */
public $BCCBatchMode = false;

/**
 * Number of emails in each BCC batch
 *
 * @var integer
 */
public $BCCBatchSize = 200;

/**
 * Enable notify message from server
 *
 * @var boolean
 */
public $DSN = false;
}

控制器：

namespace App\Controllers;
use App\Models\FormModel;
use CodeIgniter\Controller;

class SendMail extends Controller
{

    function check() { 
      $data['title']="Mail";
      echo view('template/header.php',$data);

        $to = 'exampleMail@gmail.com';
        $subject = 'Vehicle Management System';
        $username='Monayem';
        $approver='First Approver';
        $requestId=12;

         $message="<div class='conatiner w-50'>"."<div class='card'>"."<div class='card-header root_bg_color text-white text-center'>"."Vehicle Management System"."</div>"."<div class='card-body'>"."Dear ".$username.", "."<br><br>"."Your vehicle request( ".$requestId." ) is approved by ".$approver."."."Please visit  "."<a href='http://10.12.8.8:8000/vms/public/index.php/Login'>Vehicle Management System</a> to see details."."<br><br>"."Thank You for being with Us"."</div>"."<div class='card-footer root_bg_color'></div>"."</div>"."</div>";

        
        $email = \Config\Services::email();

        $email->setTo($to);
        $email->setFrom('examplemail@gmail.com', 'Vehicle Management System');
        
        $email->setSubject($subject);
        $email->setMessage($message);

        if ($email->send()) 
         {
            echo 'Email successfully sent';
         } 
        else 
         {
            $data = $email->printDebugger(['headers']);
            print_r($data);
        }
   
        echo view('template/footer.php');
    }
}

Answer 1

仅仅从引导程序编写类并不会使它具有神奇的样式。

您必须包含来自源服务器的css和javascript，比如cdnjs。

另一个注意事项是，如果最终用户不启用javascript执行，则通过消息体发送javascript将以文本形式可见。将javascript发送到电子邮件正文是一种糟糕的做法。

我会选择只是样式，而不是引导，并包括您的风格在一个style标签，有数百个例子，创建风格卡和非常酷的电子邮件主体，只有css。例如：酷电子邮件体

Answer 2

在我的asp.net核心MVC项目中发送电子邮件时，我也遇到了同样的问题。然后使用内联CSS可以节省我的精力。我想你可以这么做。