刪除/隱藏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調整圖像元素的拖動控點

回答

相關問題