Over the years, I’ve seen a lot of posts (here and on other message boards) about the inability to “live resize” images in the WordPress Visual Editor (TinyMCE) when using Chrome, or a WebKit-based browser.

I figured someone had posted a solution to this by now, but after talking to a colleague who had searched the WordPress forums and Google for hours and come to accept this wasn’t possible, I decided it was high time to post the solution myself.

YES, you CAN get working image resize handles in Chrome, and be able to change the size of your images just like you can in Firefox and IE.

Just add the following to your theme’s functions.php file:

function tinymce_editor_settings($settings) { $settings['webkit_fake_resize'] = 1; return $settings; } add_filter('tiny_mce_before_init', 'tinymce_editor_settings');

Voila! You can now size/resize images in Chrome (and other Webkit-based browsers, like Safari) just like you can in other browsers.

Enjoy! 🙂