28/05/2014 | 1 min. (189 words)

Convertir les styles CSS en attribut style des balises HTML

Si vous faites un peu d'email en PHP, vous avez déjà dût vous rendre compte que les balises style ne passe pas sur tous les webmail (dont GMail). Voici la solution à vos problèmes

[![John Reeve](https://www.babeuloula.fr/images/john_reeve.jpg)](https://www.babeuloula.fr/images/john_reeve.jpg)

Comme j'en avais marre de me casser la tête et d'avoir des remarques comme quoi mes mails sont nuls et ne passent pas partout, j'ai donc posé la question à plusieurs personnes. Et un ami (qui gère le site DatabaZZ), m'a proposé cette classe PHP développé par John Reeve (photo de droite), Emogrifier.

Cette classe PHP est extrêmement puissante et vous permet de convertir tout votre code CSS et l'intégrer directement dans vos attributs style des balises HTML et il vous recrée automatiquement un DOCTYPE correcte. Ainsi tous vos emails passeront correctement sur les différents clients de messagerie et les webmails les plus capricieux (Outlook ou GMail). 

Source

$html = '<html><h1>Hello world!</h1></html>';
$css = 'h1 {font-size: 32px;}';
$emogrifier = new Pelago\\Emogrifier($html, $css);

echo $emogrifier->emogrify();
$emogrifier = new Pelago\\Emogrifier();

$html = '<html><h1>Hello world!</h1></html>';
$css = 'h1 {font-size: 32px;}';

$emogrifier->setHtml($html);
$emogrifier->setCss($css);

echo $emogrifier->emogrify();
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
    <body>
        <h1 style="font-size: 32px;">Hello world!</h1>
    </body>
</html>
CSS CSS3 HTML HTML5 PHP
Twitter Facebook Google+

Animation d'un fichier PNG sans une seule ligne de JavaScript

Si comme moi vous en avez assez de voir des animations GIF, toutes pixélisés et en 256 couleurs voici comment créer des animations uniquement en CSS3.…

Développez des applications iOS en HTML et JavaScript

Découvrez le framework Framework7 pour développer des applications HTML au design iOS…

A forked FR theme of Bleak by zutrinken Published with Hugo
Menu
    • Source