8
votes

Y a-t-il des outils pouvant en ligne CSS?

Parce que certains clients de messagerie ne font pas de feuilles de style externes (ni même styles dans le d'un courrier électronique HTML), l'inlinge CSS est une approche commune pour tenter de maintenir un look cohérent et se sentir entre un site web et des courriels. Mais les styles d'inlinage manuellement sont douloureux et sujets aux erreurs.

Je cherche un moyen de laisser les utilisateurs créer des messages à l'aide de la même feuille de style que leur site Web utilise, mais convertissant ensuite le texte en un format plus approprié par courrier électronique avant l'envoi. Bien qu'il soit certainement possible d'écrire un outil qui lit les styles et le DOM, injectant le style intégré correct pour chaque élément, j'espère qu'il y a déjà un outil disponible qui le fait. Malheureusement, mon googling n'a donné aucun résultat utile.

Connaissez-vous de tous les outils pouvant enline les styles CSS? Je ne suis pas difficile à propos de la langue, bien que si ce n'est pas une source ouverte, je vais probablement écrire le mien.


4 commentaires

Je ne comprends pas bien ce que vous demandez. Recherchez-vous un outil qui utilise le DOM pour injecter des styles intégrés précédemment définis (ne fonctionnera pas dans un e-mail, les scripts sont désactivés) ou quelque chose qui vous permettra de définir des styles et d'ajouter automatiquement un attribut de style approprié à chaque élément correspondant?


@Andrew: Je pense qu'il voulait dire ce dernier.


Je pense que ce dernier aussi, mais je crois aussi qu'il veut pouvoir le faire avant d'être envoyé, comme dans: écrit le HTML et le CSS, en ligne, puis envoyez le document.


Deadhead a raison - l'utilisateur créerait un message en utilisant la même feuille de style que le site utilise. Je pourrais analyser le message pour aligner le CSS avant d'envoyer.


5 Réponses :


1
votes

Le prémilicher à http://code.dunae.ca/premailer.web/ est un bon outil si votre mise en page est simple et que votre HTML est bien rangé. Il se comporte mal sur HTML mal formaté, je ne sais pas si c'est quelque chose que vous feriez référence à un client.

Source est disponible sur http://code.google.com/p/premailer/. Licence du MIT.



3
votes

Il y a aussi PremAner en tant que package Python.


0 commentaires

0
votes

Pour Ruby / Rails, il y a https://github.com/alexdunae/premailer . Ce gemme est enveloppé par https://github.com/fphilipe/premailer-Rails3 si vous avez besoin Rails 3 Compatibilité.


0 commentaires

0
votes

MailChimp fournit également un Tool Inflinder Automatique CSS sur son site Web. Semble fonctionner assez bien!


0 commentaires

0
votes

mailermailer fournit leur Magic CSS Inlliner sur leur site web. De plus, la bibliothèque sous-jacente qui exécute cette page est disponible pour Perl via CPAN et Github .


0 commentaires