OriginalEXE

Hi,

you need to sign up for your own gravatar with an email you are using: http://en.gravatar.com/

Same here, exact error line from console:
Uncaught TypeError: Cannot call method ‘hasClass’ of undefined moby6.js?ver=1384811920:84

How to reproduce: Use Chrome and resize the window

Awesome, the solution you went with is really smart way, no js needed (looks like I was wrong).

Ok edited and replaced with much better version, it prints in head instead of body (which was stupid of me) and you don’t have to prefix rules.

One more note, I check for editor id up there and bail out of id is not “content”, id used by default editor appearing on post edit screen.

You mentioned using wp_editor on frontend too so you might want to tweak that.

I managed to do it, it might need some more optimisation and checks but it works now:

function my_custom_editor_stylesheet( $editor_id ){

	if ( 'content' !== $editor_id )
		return;

	$bg_color = '#000';

	echo '<div id="my_unique_stylesheet_id" style="display: none !important;">body { background: ' . $bg_color . '; }</div>';
	echo '
	<script type="text/javascript">
		(function(){

			var checkInterval = setInterval( function() {

				if ( typeof(tinyMCE) !== "undefined" ) {
					if ( tinyMCE.activeEditor && ! tinyMCE.activeEditor.isHidden() ) {

						jQuery( "#content_ifr" ).contents().find( "head" ).append( "<style type=\'text/css\'>" + jQuery( "#my_unique_stylesheet_id" ).text() + "</style>" );

						clearInterval( checkInterval );

					}
				}

			}, 500);

		}());
	</script>';

}

add_action('media_buttons', 'my_custom_editor_stylesheet');

The third parameter of wp_editor takes editor settings. If you send a “editor_css” value, it will apply to the editor:

That won’t help, that is for printing css outside of iframe, you can’t use it for printing inside actual TinyMce iframe.

@justin are you ok with JS based solution for this?

No problem, just post here if you run into issues 😉

Did not work -.- Anyone can help?