When resizing images in RadEditor design mode using the corner-handles the image should retain its aspect ratio. This works very good in Firefox (v. 41.0.2) out-of-the-box because the browser implements that functionality but not in IE (v. 11.0) or Chrome (46.0) in Windows 8.1 (v 6.3, build 9600).

Setting render mode to auto or lightweight via the web.config does not affect the rendering of RadEditor with markup that is used with FileManager's composite properties. For example, ImageManager-MaxUploadFileSize, ImageManager-ViewPaths, etc. 


For the time being, you can explicitly set the RenderMode property of RadEditor to either Auto or Lightweight in order to resolve the problem. 

Tracked content that is deleted should be removed directly, but newly added content should be tracked.

When we use the context menu on a table to insert a new row (above or below) if the table uses css class layout, the new line is the same one in which we click with the right mouse button to open the context menu.

So my suggest is re-apply the css class layout automatically after inserting a new row or column.

I believe in using OnClientCommandExecuted event, and his call for the same function as applied css class layout for the first time.

In the Annex there is a sequence of screen shots illustrating the situation

In scenarios where RadEditor is moved through the DOM the typical approach is to call the onParentNodeChanged method in order to re-render the editor. In Edge browser this does not work. CleanAtributes filter is alerted as failed and further RadEditor is unresponsive. 

Temporary solution is to switch the content area mode to DIV:

     <telerik:RadEditor ID="RadEditor1" runat="server" ContentAreaMode="Div" />

It becomes the operation of Chrome only.

after the new line, if you type continuously double-byte character string "あい",the input result was "い".
The correct answer is "あい".

For operation that does not occur in earlier versions, I think I've considered this release version of the bug, the cause can be identified?

For example, using this markup:

<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="RibbonBar">
</telerik:RadEditor>

and this Page_Init code:

protected void Page_Init(object sender, EventArgs e)
{
    RadEditor1.RenderMode = RenderMode.Lightweight;
}

Causes icons to either miss or their position is incorrect.

You can workaround this issue by using this override:

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Content>
        <br/>
        <iframe src="about:blank">Iframe not supported</iframe>
    </Content>
</telerik:RadEditor>

<script>
    Telerik.Web.UI.Editor.Utils._copyElementsBetweenNodes = function (oldNode, newNode, elementName)
    {
        var oldElements = oldNode.getElementsByTagName(elementName);
        var newElements = newNode.getElementsByTagName(elementName);
        for (var i = 0; i < oldElements.length; i++)
        {
            switch (elementName)
            {
                case "script":
                case "title":
                    newElements[i].text = oldElements[i].text;
                    break;
                case "style":
                    if (newElements[i].innerHTML != oldElements[i].innerHTML)
                    {
                        newElements[i].styleSheet.cssText = oldElements[i].styleSheet.cssText;
                    }
                    break;
                case "select":
                    newElements[i].selectedIndex = oldElements[i].selectedIndex;
                    break;
                case "input":
                    if ((oldElements[i].type == 'radio' || oldElements[i].type == 'checkbox') && $telerik.$(oldElements[i]).attr("checked"))
                    {
                        $telerik.$(newElements[i]).attr("checked", "checked");
                        if ($telerik.isIE9Mode && oldElements[i].type == 'checkbox' && oldElements[i].checked)
                        {
                            newElements[i].checked = true;
                            newElements[i].setAttribute("checked", "checked");
                        }
                    }
                    break;
                case "iframe":
                    var innerHTML = oldElements[i].innerHTML;
                    if (innerHTML)
                    {
                        var outerHTML = newElements[i].outerHTML;
                        if (outerHTML)
                        {
                            var gtIndex = outerHTML.indexOf(">");
                            if (gtIndex > 0)
                            {
                                outerHTML = outerHTML.substr(0, gtIndex) + ">" + innerHTML + outerHTML.substr(gtIndex + 1 + innerHTML.length);
                                newElements[i].outerHTML = outerHTML;
                            }
                        }
                    }
                    break;
                default:
                    if (newElements[i].innerHTML != oldElements[i].innerHTML)
                        $E.Utils.setElementInnerHtml(newElements[i], oldElements[i].innerHTML);
                    break;
            }
        }
    };
</script>

Inserting a new line after a link typically adds a new line and removes the copied link. 

However, this does not work when paragraph is about to be split. 

For the time being you can override the _nodeInsertedHandler method to resolve the bug as in this example:

<telerik:RadEditor runat="server" ID="RadEditor1">
     <Content>
         <p><a href="http://www.telerik.com" >link</a>text</p>
     </Content>
 </telerik:RadEditor>

 <script>
     Telerik.Web.UI.Editor.InsertParagraphCommand.prototype._nodeInsertedHandler = function (args) {
         var command = this,
             cursor = args.get_cursor(),
             container = args.get_container(),
             isEmptyContainer = command._isEmptyContainer(container, cursor),
             $E = Telerik.Web.UI.Editor,
             utils = $E.Utils;

         var parentAnchor = utils.getElementParentByTag(cursor, "A");

         if (command._isEmptyContainer(parentAnchor, cursor))
             command._removeNode(parentAnchor);

         if (isEmptyContainer) {
             if (command.get_editor().get_enableTrackChanges()) {
                 var tcUtils = $E.TrackChangesUtils,
                     parentTrackedInsert = tcUtils.getParentTrackChangesInsertNode(cursor, container),
                     parentTrackedDelete = tcUtils.getParentTrackChangesDeleteNode(cursor, container);
                 command._removeNode(parentTrackedInsert);
                 command._removeNode(parentTrackedDelete);
             }
         }
     };
 </script>

Having more than one editor on the page, with EditType="Inline", and using dropdown tools causes the event to be raised for the incorrect editor.

I've noticed a problem that the editor is now stripping off any background-image style from any tag. The problem seems to be that it is converting single quotes (') to double quotes (") which then close the opening quote for the style property, therefore making the HTML invalid.

​

Here's how it can be reproduced:

In the rad editor go the HTML tab.

Add the following code:

<div style="background-image: url('something.jpg');">This is a test</div>

Click the Design tab, then back to the HTML tab.

Notice that the attribute has been changed so that it now reads:

<div style="background-image: url("something.jpg");">This is a test</div>

This is obviously invalid HTML. Click on the Design tab then back to the HTML tab. The style has now been removed completely.

This can be reproduced in the current Telerik demo site.

Currently we are in the process of securing our web sites. we are experiencing issue on Xhtml Validator in RadEditor where it is not properly loading due to mixed content issue. There is no way to redirect to HTTPS instead of HTTP site.

We can reproduce this on Rad Editor Demo site by making site as HTTPS and click on XHTML Validator icon.

https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Could you please add that feature?

You can workaround this issue by resetting the content area's height only for IE:

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">
</telerik:RadEditor>

<script>
    function OnClientLoad(editor, args) {
        if ($telerik.isIE) editor.get_contentArea().style.height = "auto";
    }
</script>

RadEditor in Fullscreen mode appears cut off at the right and at the bottom. 



In order to fix that, you can add this CSS rule to the page:

<style>
    .RadEditor.reFullScreen {
        box-sizing:border-box;
    }
</style>

<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight">
</telerik:RadEditor>

For the time being you can use the following workaround:
		<telerik:RadEditor ID="RadEditor1" runat="server" ></telerik:RadEditor>
		<script>
			var oldExecute = Telerik.Web.UI.Editor.InsertLinkCommand.prototype.onExecute;

			Telerik.Web.UI.Editor.InsertLinkCommand.prototype.onExecute = function () {
				this.linkProperties.href = encodeURI(this.linkProperties.href);
				oldExecute.call(this);
			}
		</script>

It should rather select the last cell of the table. 

When an input of type text is selected user cannot change its properties from Design mode. 

Workaround: 

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Content>
        <input type="text" style="width: 100px; height: 22px;" />
        <br />
        
        <textarea></textarea>
    </Content>
</telerik:RadEditor>

<script>
    Telerik.Web.UI.RadEditor.prototype.getSelectedElement = function (range) {
        var editor = this;
        var contentArea = editor.get_contentArea();
        var $ = $telerik.$;
        var $Editor = Telerik.Web.UI.Editor;
        var utils = $Editor.Utils;

        if (editor.get_renderMode() === Telerik.Web.UI.RenderMode.Mobile) {
            var highlighted = $(contentArea).find(".__reTextHighlight,.__reNodeHighlight");
            if (highlighted.length) {
                var first = highlighted.get(0);
                var last = highlighted.last().get(0);
                return first === last ? first :
                    utils.findCommonAncestor(first, last);
            }
        }

        range = range || editor.getDomRange();
        if (!range) {
            var activeElement;
            try {
                activeElement = editor.get_document().activeElement;
            } catch (ex) { return undefined; }
            return $(activeElement).is('input[type=text],input[type=password],textarea') ?
                activeElement : undefined;
        }

        var container = range.commonAncestorContainer;
        if (container === contentArea || $.contains(contentArea, container)) {
            var selectedNode = $Editor.RangeEdges.commonNode(range);
            var isTextNode = utils.isTextNode(selectedNode);

            return utils.isTextNode(selectedNode) ? selectedNode.parentNode : selectedNode;
        }
    };
</script>

http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Currently, TabStrip cannot be focused because it's missing AccessKey. All elements in the dialog should be accessible.