Использую TinyMCE для формирования писем. Письмо в редакторе на мой взгляд формируется верно (на предпросмотре отображается правильно), пробовал менять заголовки письма, заменять тег br на p (а так же на div). Это не помогло. Менялось только место где появлялся символ или слове была пропущена буква или появлялся разрыв в слове. Так же пробовал менять заголовки письма. Убирал header.
Возможно кто-то сталкивался с такой проблемой.
Письмо на почту приходит с символами:
Пробовал такой header прописывать... не помогло... ошибка осталась.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light dark" />
<meta name="supported-color-schemes" content="light dark" />
<title>Dugimail</title>
<style type="text/css">
body{ margin: 0; padding: 0; }
img{ border: 0px;}
.socialLinks{ font-size: 6px; }
.socialLinks a{
display: inline-block;
}
.long-text p{ margin: 1em 0px; }
.long-text p:last-child{ margin-bottom: 0px; }
.long-text p:first-child{ margin-top: 0px; }
</style>
<style type="text/css">
/* yahoo, hotmail */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{ line-height: 100%; }
.yshortcuts a{ border-bottom: none !important; }
.vb-outer{ min-width: 0 !important; }
.RMsgBdy, .ExternalClass{
width: 100%;
background-color: #FFFFFF;
}
/* outlook/office365 add buttons outside not-linked images and safari have 2px margin */
[o365] button{ margin: 0 !important; }
/* outlook */
table{ mso-table-rspace: 0pt; mso-table-lspace: 0pt; }
#outlook a{ padding: 0; }
img{ outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; }
a img{ border: none; }
@media screen and (max-width: 600px) {
table.vb-container, table.vb-row{
width: 95% !important;
}
.mobile-hide{ display: none !important; }
.mobile-textcenter{ text-align: center !important; }
.mobile-full{
width: 100% !important;
max-width: none !important;
}
}
/* previously used also screen and (max-device-width: 600px) but Yahoo Mail doesn't support multiple queries */
</style>
<style type="text/css">
#ko_textBlock_1 .links-color a, #ko_textBlock_1 .links-color a:link, #ko_textBlock_1 .links-color a:visited, #ko_textBlock_1 .links-color a:hover{
color: #3f3f3f;
color: #3f3f3f;
text-decoration: underline
}
</style>
</head>
Спасибо.
Средний
