Есть ли инструмент, чтобы взять правильный HTML + CSS и генерировать встроенный HTML? Или: преобразовать его в совместимый с электронной почтой HTML

Question

возможный дубликат : Какими инструментами автоматически встроить стиль CSS для создания HTML-кода электронной почты?

примечание от автора : О да, определенно дубликат. Сожалею.

Как правило, электронные письма в формате HTML не поддерживают надлежащие методы CSS.

Тем не менее, неплохо развиваться в этих методах, потому что это позволяет намного быстрее поиграть с изменениями и т. Д. (Мне не нужно продавать преимущества CSS для всех вас!)

Есть ли инструмент, который возьмет прекрасный HTML и превратит его в неприятный, совместимый с электронной почтой HTML со всеми стилями, экстраполированными из файлов CSS и помещенными в строку?

---

Несмотря на то, что 100% -ная совместимость не может быть достигнута из-за многочисленных различий в почтовых клиентах, инструмент, который помогает , будет очень полезен, даже если он просто берет CSS и вставляет его в строку.

Answer 1

У Campaign Monitor есть отличное руководство по поддержке CSS в почтовых клиентах с 2008 года. Оно очень всеобъемлющее.

Answer 2

Да, по моему опыту, лучшими являются:

http://premailer.dialect.ca/

http://beaker.mailchimp.com/inline-css

http://zurb.com/ink/inliner.php

Answer 3

Только что написал сообщение в блоге о преобразовании «хорошего» HTML / CSS в плохой, но совместимый HTML / встроенный CSS.

Я лично использую Premailer для этой задачи, вы можете узнать больше об этом в моем посте: http://www.versapay.com/developer-blog/the-art-and-science-of-email-rendering-across-email-clients/

Answer 4

К сожалению, я не знаю ни одного инструмента, но я думаю, что это можно сделать с помощью javascript (используя jQuery, prototype или другую инфраструктуру js), чтобы пролистать отрисованный DOM и обнаружить применить стили и создать новый HTML на основе этого

Хорошим началом было бы иметь исходный тег div и целевой тег div и посмотреть, что HTML-код цели будет выглядеть как источник.

Answer 5

Я полагаю, что вы можете запустить текст страницы через скрипт, который обнаружит CSS-классы и идентификаторы и сохранит их стили в массиве, затем перейдет и заменит class = "class" style = "style" id = "id" с style = "style" и т. д. Это было бы просто вопросом программирования вещи.

Answer 6

Не существует стандартов для «совместимых с электронной почтой» CSS или HTML, поэтому вряд ли существует инструмент для выполнения этой задачи. Различные клиенты удаляют разные теги и атрибуты, особенно веб-. Во многом это методом проб и ошибок. Метод проб и ошибок трудно автоматизировать.