Newsletter Builder Image Alignment Probs
2 posts by 2 authors in: Forums > CMS Builder: Plugins & Add-ons
Last Post: September 18, 2015 (RSS)
Hello, All -
There's an inherent problem in the TinyMCE editor which is giving me a bit of a problem! When a user adds an image using TinyMCE it uses css float code to set the alignment. Under normal circumstances this works fine. In emails, however, it can lead to problems.
As my client has just discovered, there are still some people out there using email software which does not support floated images. This causes ugly image alignment and text wrapping issues. In turn, this almost always leads to Perchpole being harangued by irate customers asking me to sort it out!
To my surprise, I don't think this issue has not been raised here before. It has, however, appeared on the TinyMCE website:
http://www.tinymce.com/forum/viewtopic.php?id=31973
I'm not sure if there is a solution but I'd be grateful for any suggestions.
:0/
Perch
By Dave - September 18, 2015
Thanks for the report, Perch.
I checked the latest version of TinyMCE and it still does the same thing: http://www.tinymce.com/tryit/basic.php
Do you know email program they are using?
Email design can be quite tricky, there's a cheat sheet here for supported features:
https://www.campaignmonitor.com/css/
And a suggestion here to use tables instead of positioning for image alignment:
https://24ways.org/2009/rock-solid-html-emails/
I tried putting a table around the image and aligning that but TinyMCE did that as a float as well.
I tried this web based inliner and it added align="right". https://putsmail.com/inliner
We could try making a plugin that added align="right" everywhere there was a "float: right". Would align=right do what you need?
The easiest would be if we could find a pre-existing PHP CSS Inliner library that we could call from a plugin that modified the HTML source after it was saved. Also we'd need to make sure TinyMCE didn't remove the align=right again every time it loaded the content.
interactivetools.com