Появилась идея выводить E-Mail админу перед отправкой пользователю. Но возник вопрос - как сделать так, чтобы стили сайта не влияли на вёрстку письма?
Сначала подумал использовать <iframe>
, но не знаю, правильный ли это юзкейс для него. Плюс, как я понял <iframe>
требует указания в теге src
URI, с которого браузер будеи брать содержимое, а у меня содержимое строится динамически и вставляется непосредственно в вёрстку.
Сам сайт использует Bootstrap 2 CSS, бэкенд на PHP.
Ниже пример, как бы я хотел это видеть. Сразу предупреждаю, этот пример показательный и я его написал только для этого вопроса.
.mail-preview {
margin: 20px;
padding: 20px;
border: 1px solid grey;
}
<link href="https://cdn.usebootstrap.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" />
<!-- Тут сайт, работает со стилями Bootstrap -->
<div class="mail-preview">
<!-- Тут вёрстка E-Mail, Bootstrap её не трогает -->
Письмо которое выглядит ровно так как будет у пользователя
</div>
<!-- Снова сайт -->
<form class="form-horizontal">
<div class="control-group">
<label for="email" class="control-label">Отправить по адресу</label>
<div class="controls">
<input type="email" name="address" />
</div>
</div>
<div class="control-group">
<div class="controls">
<button id="confirm-send" class="btn btn-primary" type="submit">
Отправить это письмо
</button>
</div>
</div>
</form>