Force WYSIWYG to render inline styles

Options
Colin McClure
Colin McClure
Ancient Membership 10 Comments Facilitator Level 2 Inquirer Level 2
in Blackbaud Luminate Online® & Blackbaud TeamRaiser® Discussions

We've been wrapping up a newsletter redesign, and I'm just about through coding for all the quirks of the different email viewers.  My one remaining outlier is Gmail.

In an effort to make the templates as accessable as possible to the greatest number of editors, we've taken advantage of editing the CustomWysiwygStyles.css so our headline styles etc. show up in the Styles drop down.  Highlighting a paragraph and selecting a style appends the relevent class to the paragraph, and everything shows up great.  However, Gmail, as you may well know, ignores style sheet information. Our nice, bold, colorful headlines are reduced back to plain text.

Is there a way, or can we build an option, to have the WYSIWYG write inline styles to the p tag instead of mearly add the class?  If no such option currently exists, I think it would be a great feature to add to the Email version of the WYSIWYG.  It would greatly inprove email consistency for the less technical.

Tagged:

Comments

  • Brian Mucha
    Brian Mucha
    Ancient Membership 2500 Comments 250 Likes Name Dropper

    I can't imaging that the WYSIWYG will do what you are after. I haven't given this a try yet, just stumbled on it a week or two ago. Might be helpful.

    http://premailer.dialect.ca/

    For the best HTML e-mail delivery results, CSS should be inline.   This is a huge pain and a simple newsletter becomes un-managable very  quickly.  This script is our solution.

    • CSS styles are converted to inline style attributes

      Checks style and link tags and preserves existing inline attributes
    • Relative paths are converted to absolute paths

      Checks links in href, src and CSS url('')
    • CSS properties are checked against e-mail client capabilities

      Based on the Email Standards Project’s guides
    • A plain text version is created

    I also always drop a link to litmusapp.com when designing html emails comes up. Love that service.

    Regards, BPM

  • Colin McClure
    Colin McClure
    Ancient Membership 10 Comments Facilitator Level 2 Inquirer Level 2
    Brian Mucha:

    I can't imaging that the WYSIWYG will do what you are after. I haven't given this a try yet, just stumbled on it a week or two ago. Might be helpful.

    http://premailer.dialect.ca/

    For the best HTML e-mail delivery results, CSS should be inline.   This is a huge pain and a simple newsletter becomes un-managable very  quickly.  This script is our solution.

    • CSS styles are converted to inline style attributes

      Checks style and link tags and preserves existing inline attributes
    • Relative paths are converted to absolute paths

      Checks links in href, src and CSS url('')
    • CSS properties are checked against e-mail client capabilities

      Based on the Email Standards Project’s guides
    • A plain text version is created

    I also always drop a link to litmusapp.com when designing html emails comes up. Love that service.

    Regards, BPM

    Thanks for the link, but unfortunately even that could be beyond some of the people in our org.  Anyone from Convio care to weigh in on adding a WYSIWYG feature?

Categories