Инструменты разработчика · Редактор HTML WYSIWYG
Почему HTML электронная почта по-прежнему состоит из таблиц и встроенных стилей
· Фон
HTML электронная почта рабочий процесс разработчика
Объясняет ограничения почтовых клиентов: от урезанных таблиц стилей и устаревших механизмов рендеринга до отсутствия скриптов, а также почему электронная почта HTML следует правилам, от которых отказались в Интернете.
Он отлично отрисовывался в браузере и разваливался во входящих — открывается с классической ошибкой.
Уведомление, готовое для просмотра в браузере, может потерять макет, интервалы или представление при отправке через систему электронной почты. ToolAcre не решает эту проблему совместимости. Его белый список исключает таблицы и атрибуты стиля, поэтому его чистый семантический фрагмент является отправной точкой для копирования, а не готовым шаблоном электронного письма.
Эта граница предотвращает опасное обещание. Предварительный просмотр в браузере в песочнице показывает только то, как оболочка ToolAcre отображает отфильтрованное тело. Клиенты Inbox, преобразования кампаний и политики удаленных изображений находятся за пределами этих рамок и требуют собственных репрезентативных тестов.
Никаких скриптов, ограничения CSS, непредсказуемые клиенты — перечислены ограничения, определяющие электронную почту HTML.
Производство электронной почты обычно ограничивает сценарии и поддерживает CSS неравномерно, но этот репозиторий не предоставляет матрицу именованных клиентов или текущий процент поддержки. Поэтому статья избегает декларирования точной совместимости. Рассматривайте поддерживаемых клиентов каждой организации и платформу отправки как внешний контракт для проверки.
ToolAcre уже удаляет скрипт, стиль, форму, изображение, таблицу и произвольные атрибуты. Это полезно для черновика текста, но гораздо уже, чем обычное рабочее письмо HTML. Успешный локальный предварительный просмотр не может установить, что окончательное сообщение соответствует требованиям клиента, доступности, конфиденциальности или доставляемости.
Почему шаблоны электронных писем могут использовать таблицы — ToolAcre сам удаляет разметку таблиц.
Шаблоны электронных писем могут использовать макет на основе таблиц, чтобы справиться с ограниченными возможностями клиентов. Этот редактор не может создавать или сохранять таблицы, tr, td или связанные элементы. Вставка таблицы разворачивает обычные неподдерживаемые теги, оставляя текст и всех разрешенных потомков без связи сетки.
Не пытайтесь обойти это упущение, утверждая, что вставленная таблица сохранилась. Переместите утвержденную семантическую копию в шаблон электронной почты, который хранится где-то еще. Там тестируется макет, порядок чтения и реагирование на поведение в соответствии с реальной политикой клиента, а не используется ToolAcre в качестве средства рендеринга почты.
Встроенные стили принадлежат более позднему конвейеру электронной почты, поскольку этот редактор их удаляет.
Встроенные стили могут содержать представление электронной почты, когда встроенный или внешний CSS недоступен или преобразован. ToolAcre намеренно удаляет все атрибуты и классы стиля. Поэтому его скопированный фрагмент не может демонстрировать рабочий процесс inline-CSS, хотя его загруженный документ предварительного просмотра имеет отдельную таблицу стилей-оболочки.
На этапе создания электронной почты могут быть встроены утвержденные декларации после сборки компонентов и шаблонов. Это преобразование требует контроля над опасными URL-адресами, неподдерживаемыми свойствами и поведением клиентов. Его не следует путать со списком разрешений HTML этого редактора или подразумевать наличие визуального предварительного просмотра.
Устаревшие клиентские механизмы — это проблема внешней совместимости, а не проверенное репозиторием поведение.
В книге упоминаются механизмы рендеринга текстовых процессоров в почтовых клиентах для настольных компьютеров. Ни один источник репозитория не проверяет названные продукты, даты или текущие механизмы, поэтому в этой статье эта проблема рассматривается качественно: почтовые клиенты могут отображать HTML иначе, чем браузеры и друг от друга.
Совместимость меняется со временем и в зависимости от конфигурации учетной записи. При организации поддержки используйте поддерживаемые внешние данные о совместимости и реальные тесты входящих сообщений. Источник ToolAcre может доказать, что он излучает, но не то, как сторонние клиенты в настоящее время интерпретируют завершенную кампанию.
Рабочий пример: набросайте семантический текст здесь, затем перечислите необходимые изменения электронной почты, не заявляя о поддержке.
Подготовьте заголовок, введение, краткий список, текст ссылки и отказ от ответственности в нижнем колонтитуле в ToolAcre. Просмотрите формулировку, проверьте отфильтрованный источник и скопируйте обычный текст в качестве дополнительной ссылки. Не вставляйте изображения, таблицы или данные отслеживания кампании, поскольку инструмент не поддерживает и не проверяет их.
В системе электронной почты поместите одобренную копию в тестируемый компонент, добавьте необходимый макет, стили, доступную обработку ссылок, альтернативные изображения и отслеживание в соответствии с политикой. Сравните окончательный текст с базовым, чтобы обнаружить случайные изменения в заявке. Перед отправкой протестируйте рендеринг входящих сообщений и резервный вариант простого текста.
Что сюда не входит — отправка инфраструктуры, доставка или услуги тестирования.
В этой статье не рассматриваются инфраструктура доставки, аутентификация, репутация, соблюдение требований по отказу от подписки, отслеживание согласия или услуги тестирования. Он также не сертифицирует ни один почтовый клиент. Это оперативные и юридические обязанности, выходящие за рамки панели редактирования браузера.
Заявление о конфиденциальности столь же узкое. Действия редактирования не требуют сети после загрузки страницы ToolAcre, но отправка обязательно передает контент почтовой инфраструктуре и получателям. Буфер обмена и загруженные файлы являются явными выходами. Рассматривайте следующий конвейер как новую проверку потока данных и безопасности.
Вывод: набросайте текст, затем переведите его для отправки по электронной почте — кратко излагаются ограничения и то, как редактор HTML WYSIWYG ToolAcre служит локальным этапом черновика перед корректировками, специфичными для электронной почты.
Составляйте контент локально, а затем переводите его для отправки по электронной почте. Это подразделение использует ToolAcre там, где его доказательства наиболее убедительны — семантический текст, проверка источника, локальная фильтрация и извлечение простого текста — без представления его как конструктора электронной почты.
Храните проверенную базу рядом с окончательной кампанией, документируйте адаптации и проверяйте реальные результаты. Если требуется макет таблицы со встроенным CSS, начните этот этап со специальными инструментами. Редактор с ограничениями ценен именно потому, что он отказывается скрывать неподдерживаемые функциональные возможности.