Ticket #27941: 27941.2.patch

src/wp-includes/js/tinymce/plugins/wpeditimage/plugin.js

@@ -963 +963 @@
                 }
         });
 
+        // Resize helper.
+
+        editor.on( 'init', function() {
+                var ghostObject, resizeHelper;
+
+                editor.on( 'ObjectResizeStart', function( event ) {
+                        resizeHelper = editor.dom.create( 'DIV', { 'class': 'mce-resize-helper' }, event.width + ' × ' + event.height );
+                        ghostObject = editor.dom.select( '.mce-clonedresizable' )[0];
+                        editor.getBody().appendChild( resizeHelper );
+                        editor.on( 'mousemove', resizing );
+                } );
+
+                editor.on( 'ObjectResized', function() {
+                        editor.off( 'mousemove', resizing );
+                        editor.dom.remove( resizeHelper );
+                } );
+
+                function resizing( event ) {
+                        editor.dom.setStyles( resizeHelper, { 'top': event.clientY, 'left': event.clientX } );
+                        editor.dom.setHTML( resizeHelper, ghostObject.width + ' × ' + ghostObject.height );
+                }
+        } );
+
         return {
                 _do_shcode: parseShortcode,
                 _get_shcode: getShortcode

src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -476 +476 @@
         margin-right: 7px;
 }
 
+/* Resize helper. */
+
+.mce-resize-helper {
+        background-color: rgba( 0, 0, 0, 0.75 );
+        border-radius: 3px;
+        color: white;
+        margin: 5px;
+        padding: 5px;
+        position: absolute;
+}
+
 @media print,
         (-o-min-device-pixel-ratio: 5/4),
         (-webkit-min-device-pixel-ratio: 1.25),