How to prevent WordPress 3.9 / TinyMCE 4 from stripping <style> tags?

3 comments

1. Try specifying valid_children and custom_elements:

   add_filter('tiny_mce_before_init', 'vsl2014_filter_tiny_mce_before_init');
   function vsl2014_filter_tiny_mce_before_init( $options ) {
   
       if ( ! isset( $options['extended_valid_elements'] ) ) {
           $options['extended_valid_elements'] = 'style';
       } else {
           $options['extended_valid_elements'] .= ',style';
       }
   
       if ( ! isset( $options['valid_children'] ) ) {
           $options['valid_children'] = '+body[style]';
       } else {
           $options['valid_children'] .= ',+body[style]';
       }
   
       if ( ! isset( $options['custom_elements'] ) ) {
           $options['custom_elements'] = 'style';
       } else {
           $options['custom_elements'] .= ',style';
       }
   
       return $options;
   }
   

   Log in to Reply

2. Why not use a custom template to achieve your goals? When used in combination with Advanced Custom Fields this would allow you to control the markup, which you could then style using your stylesheet in style.css, taking it out of the hands of the client completely.

   http://codex.wordpress.org/Page_Templates

   http://www.advancedcustomfields.com/

   Log in to Reply

3. Check out this answer: https://stackoverflow.com/a/18313848. Works for me.

   function myformatTinyMCE($in) {
   $in['verify_html']=false;
       return $in;
   }
   add_filter('tiny_mce_before_init', 'myformatTinyMCE' );
   

   Log in to Reply