Geek Answers Handbook

Delete / hide TinyMCE resize with mouse on image elements

I am using TinyMCE. In IE9, when a user adds an image, they see resizing around the image.

For example, look at the squares around the figure image:

enter image description here

enter image description here

They are not displayed in any other browser (chrome, safari, firefox).

How to remove / hide drag handles in IE?

Thank!

Things I tried but didn't work:

Disable resizing of the object in the parameters: tinyMCE.init({object_resizing:false})

Setting the CSS resize property to none: * { resize: none }

+4
source share
1 answer

Yesterday I came across this question, it worked fine on Chrome / FF, but in IE 11/10/9/8 I saw mutable icons, just like your case.

div , :

var mydiv = $('#div.classname');
var parentElement = $('iframe').contents().find('body');

mydiv.mouseenter(function(e) {
     parentElement.Contents.attr('contentEditable', false);
}).mouseout(function(e) {
     parentElement.Contents.attr('contentEditable', true);
});

, contenteditable, . jQuery , , .

,

var ifr_body = $('iframe').contents().find('body');    
$('#youreditorid').contents().find('img.classnameofimage').hover(
    function() {
        ifr_body.attr('contenteditable', 'false');
    },  function() {
        ifr_body.attr('contenteditable', 'true');
    }
);

hover, , , contenteditable false, . /.

: TinyMCE: "resizable" div?

0

More articles:


All Articles