Как проверить HTML шаблоны электронной почты?

Question

Я использую инструмент отчетов telerik для создания отчетов в различных форматах:.pdf, .html, .doc, .txt и т. Д. Некоторые серверы электронной почты нашего клиента не имеют вложений в сообщениях электронной почты, поэтому я хочу встроить отчет.html в свой тело письма вместо того, чтобы прикреплять его как вложение, чтобы пользователь мог просматривать содержимое отчета напрямую и копировать содержимое отчета. Но когда я добавляю.html отчет в тело письма, он не отображается в правильном формате. Есть ли онлайн-инструмент или плагин, который конвертирует обычный html-код в дружественный HTML-шаблон? Или как я могу проверить, что эта страница будет нормально отображаться как тело письма или нет, если нет, то почему? какой тег я должен удалить или заменить и т. д.

Я пробовал этот онлайн-инструмент, но он не работает, все еще получил грязный HTML в электронной почте.

Answer 1

Здесь есть пара вопросов, на которые я постараюсь ответить, как кто-то, кому удобно кодировать электронные письма.

Что касается проверки электронной почты в формате HTML, то здесь действительно нет хорошего варианта.

Поскольку большинство почтовых клиентов не следуют веб-стандартам и отсутствуют специальные почтовые стандарты, должным образом закодированные электронные письма в формате HTML не будут проходить проверку HTML, поскольку при правильном кодировании почти весь код в электронном письме в формате HTML, вероятно, будет включен устаревших элементов. источник

Вы можете использовать валидатор W3C, чтобы поймать незакрытые теги и опечатки, но это все.

Но, похоже, вы ищете инструмент, который преобразует html, дружественный к веб-страницам, в html, дружественный к электронной почте. Несмотря на использование как HTML, так и CSS, кодирование электронных писем весьма отличается от кодирования в Интернете. Если дружественный к веб-дизайну HTML не является базовым (скажем, ряд абзацев и изображений), есть вероятность, что удобный для веб-страниц HTML не сулит ничего хорошего в почтовых клиентах. (Похоже, вы уже обнаружили это.)

Не зная, как выглядят эти отчеты и как они должны отображаться в почтовых клиентах, я не решаюсь дать вам конкретные предложения. Я не знаю никаких инструментов, которые автоматически делают "безопасную" разметку электронной почты. Если вы готовы немного изменить разметку электронной почты, вот несколько рекомендаций:

1. Сохраняйте дизайн простым.
2. использование <table>с и <br>s вместо семантических элементов, таких как <div> а также <p>,
3. Познакомьтесь с тем, что такое и что небезопасно для использования в электронной почте.

Answer 2

Я только что нашел этот хороший валидатор ( EmailLint). Существуют определенные правила для электронной почты, и вы можете проверить свою электронную почту по ним.