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?