Disable Umbraco v.7.1.3-5 RTE/TinyMCE auto image resizing

gistfile1.js

//
// IMPORTANT, as of ver. 7.2.4 there's a max size in the RTE which you can set to zeo. That will disable the auto resize, so you don't need the code below
//





// In \Umbraco\Js\umbraco.services.js uncomment this (line 5218-5233 in version 7.1.3):

$timeout(function () {
    var imgElm = editor.dom.get('__mcenew');
    var size = editor.dom.getSize(imgElm);

    var newSize = imageHelper.scaleToMaxSize(500, size.w, size.h);

    var s = "width: " + newSize.width + "px; height:" + newSize.height + "px;";
    editor.dom.setAttrib(imgElm, 'style', s);
    editor.dom.setAttrib(imgElm, 'id', null);

    if(img.url){
        var src = img.url + "?width=" + newSize.width + "&height=" + newSize.height;
        editor.dom.setAttrib(imgElm, 'data-mce-src', src);
    }
 
}, 500);


// then add this - removes '__mcenew' id from img tag
$timeout(function () {
    var imgElm = editor.dom.get('__mcenew');
    editor.dom.setAttrib(imgElm, 'id', null);
}, 500);

Remember to clear client dependency cache

Not related directly but i came across this while googling. Is there a way to change the black background when image is resized in non-aspect ratio (i believe inherited from image resizer builting, but cant find where to change this centrally..). Would you know how?

Thank you for posting this solution. It just worked perfectly for me.