TinyMCE is removing <style> tags

Question

I'm facing a problem with TinyMCE. When I enter a style tag in the HTML editor of TinyMCE, it removes the tags when I click update.

<style type="text/css">       .newclasss { color:#c9c9c9; }  </style> 

My valid elements are follows:

<script type="text/javascript">  var valid_elms = "hr[class|width|size|noshade]"; valid_elms    += "span[class|align|style],"; valid_elms    += "font[face|size|color|style],"; valid_elms    += "img[href|src|name|title|onclick|align|alt|title|"; valid_elms    += "width|height|vspace|hspace],"; valid_elms    += "iframe[id|class|width|size|noshade|src|height|"; valid_elms    += "frameborder|border|marginwidth|marginheight|"; valid_elms    += "target|scrolling|allowtransparency],style";  extended_valid_elements: valid_elms </script> 

Can anyone help please??

Answer 1

Since style tags are not valid XHTML, TinyMCE disabled the ability to add them outside of the tags.

You have to add style tags to the valid children configuration

valid_children : "+body[style]" 

Edit: This solution applies to version 3.4.2

Source

Answer 2

"hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],img[href|src|name|title|onclick|align|alt|title|width|height|vspace|hspace],iframe[id|class|width|size|noshade|src|height|frameborder|border|marginwidth|marginheight|target|scrolling|allowtransparency],style[type]" 

Let me know how that works for you