(CKEDITOR)Internet Explorer删除调整大小处理程序

Question

我有一个问题,在网络浏览器上为编辑器中的每个div显示一个调整大小框..这个框没有显示为Mozilla Firefox.如何删除此调整大小框/调整大小处理程序并将元素直接集中在键入或选择它？

其实我需要这个:http://docs.ckeditor.com/#!/ api/CKEDITOR.config-cfg-disableObjectResizing但它还需要删除怪异的盒子.如果没有删除我需要点击两次,Ckeditor右键菜单失败...

解决方案

这个网址提供了一个部分的访问者 http://chris.photobooks.com/tests/rte/IE_resizing/IE_resizing.html

它不是来自CKEDITOR,而是来自html5/javascript/ie这是一个临时修复,右键菜单工作正常,再次.

    $("iframe")[0].contentDocument.attachEvent( 'oncontrolselect', function( event )
    {
            event.srcElement.focus();
            return false;
    }); 

测试/重现错误/问题:

<script src="http://ckeditor.com/apps/ckeditor/4.0.1/ckeditor.js"></script> 
<div id="testEditor">test text<div style="min-height:200px;"> test div</div></div> 
<script>CKEDITOR.replace("testEditor");</script>

注意:您需要单击div元素才能看到该框.

Answer 1

看起来 IE 会自动在具有定义尺寸的可编辑元素上添加调整大小手柄。如果去掉最小高度，手柄就会消失。

<div contenteditable="true">
    <!-- IE9 displays resize handles around this div because
         its height is defined. -->
    <div style="height: 100px">test</div>
</div>

<div contenteditable="true">
    <!-- No resize handles here because size is auto. -->
    <div>test</div>
</div>

<div>
    <!-- Obviously no handles here either because content is
         not editable. -->
    <div style="height: 100px">test</div>
</div>