How to solve image resize anchor that is visible in other elements

[Bong]

Hi! Please see attached file for the issue. I am using Telerik version 2010. This issue occur in IE but in firefox it work well. Thanks.

[Rumen]

Hi Bong,

This is not a bug but a browser behavior. The content area of RadEditor is editable IFRAME element which depends on the browser's Rich Text Editing engine. The observed behavior and the images handlers are entirely controlled by the browser and it is not possible to hide them with javascript or css. However, if you disable the image resizing by setting the unselectable="on" attribute to all IMG tags, then the browser will not display the image handlers. Here is the solution:

<script type="text/javascript">
function OnClientSelectionChange(editor)
{
    var images = editor.get_document().getElementsByTagName("IMG");
    for (var i = 0; i < images.length; i++)
    {
        var image = images[i];
        image.setAttribute("unselectable", "on");
    }
}
</script>
   
<telerik:RadEditor ID="RadEditor1"

 OnClientSelectionChange="OnClientSelectionChange"

runat="server"  Width="100%" Height="345px">
    <Content>
      <img src="http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif"/>
      <a href="www.telerik.com">telerik</a>
      <img src="http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif"/>
    </Content>
</telerik:RadEditor>


Best regards,
Rumen
the Telerik team

[Kien]

why my editor does not show the edit button image size as in the example above demo page

I use chrome browser

[Ianko]

Hi Kien,

The image and table resizing feature for Chrome is introduced in the 2013 Q3 BETA (2013.3.926) release of the RadControls suite. You can check this by following the corresponding release notes for the mentioned version.

If you are using a RadEditor control with older version, I would suggest upgrading with the latest available version.  
 
Regards,
Ianko
Telerik