CKeditor: using CSS stylesheet in HTML email template

0
I have a customer who want's to build an email template in our application which uses the email template module and the CKeditor. He has a complex HTML email template with build in responsive design etc. Here is a small example. <head> <title>responsive email</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <style type="text/css"> *{ -ms-text-size-adjust:100%; -webkit-text-size-adjust:none; -webkit-text-resize:100%; text-resize:100%; } a{ text-decoration:none; outline:none; } a:hover{ text-decoration:underline !important; } .ExternalClass,.ExternalClass a,.ExternalClass span,.ExternalClass b,.ExternalClass br,.ExternalClass p,.ExternalClass div{ line-height:inherit; } table td{ border-collapse:collapse !important; } @media only screen and (max-width:500px){ table[class=wrapper]{ min-width:320px !important; } } @media only screen and (max-width:500px){ table[class=flexible]{ width:100% !important; } But when leaving the Code edit mode of the CKeditor, all the <html>, <body> and <style> tags (including its content) are removed. So basically it is not possible to create such a template. I tried to put the <style> tags directly in the body, like some websites suggested, but those are also removed by the CKeditor. Does anyone has a clever solution for this issue?
asked
1 answers
5

We only allow plain text (or imported HTML files) in our custom mail templates. But I think your problem is because of the following settings in CKeditor. http://docs.ckeditor.com/#!/guide/devallowedcontent_rules

E-mail styling is a very delicate process, I advise to NOT do this in the CKeditor but with an external tool (or custom). And then import it as HTML file or plain text in your Mendix application.

I hope this helps. ;-)

answered