删除/隐藏TinyMCE调整图像元素的拖动控点

我正在使用TinyMCE。在IE9中，当用户添加图像时，他们会看到图像周围的大小调整手柄。删除/隐藏TinyMCE调整图像元素的拖动控点

例如，看一下周围的人物形象平方：

enter image description here

他们没有在任何其他浏览器（Chrome，Safari浏览器，火狐）现身。

如何删除/隐藏IE中的调整大小拖动手柄？

谢谢！

事情我已经试过，但没有奏效：

禁用对象调整大小的选项： tinyMCE.init({object_resizing:false})

设置CSS调整属性设置为无：* { resize: none }

来源

2014-12-03 user3621164

嗯，为什么这个问题得到了否决票。我做错什么了吗？也许我可以添加细节？ – user3621164 2014-12-03 18:45:31

也许是因为问题没有格式化，而且您没有添加代码，我没有投票，但是我已经编辑了您的问题。 – 2014-12-04 11:40:13

我面对这问题昨天，它在Chrome/FF工作正常，但在IE 11/10/9/8我看到可调整大小的图标，与你的情况相同。

我有一些类名一个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来选择图像或任何其他您想要的元素，然后使该属性为false。

既然你有一个形象，你可以使用

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这个动作，你的情况可能会有所不同，只记得你必须做出contenteditablefalse，仅此而已。选择你自己的动作/选择器。

另请参阅：TinyMCE: Disable 'resizable' function for specific div?

来源

2014-12-04 11:24:41

删除/隐藏TinyMCE调整图像元素的拖动控点

回答

相关问题