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

4 posts, 1 answers
  1. Bong
    Bong avatar
    5 posts
    Member since:
    Dec 2010

    Posted 21 Dec 2010 Link to this post

    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.
  2. Answer
    Rumen
    Admin
    Rumen avatar
    12851 posts

    Posted 22 Dec 2010 Link to this post

    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
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kien
    Kien avatar
    2 posts
    Member since:
    Jan 2011

    Posted 08 Dec 2013 Link to this post

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

    I use chrome browser
  5. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 11 Dec 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top