The height is bigger than the viewport.

If there are toolbars docked at the left or right, the right toolbar is hidden due to larger width. 


You can fix a bit the width by using this code:

<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight" OnClientCommandExecuted="OnClientCommandExecuted">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="AjaxSpellCheck" />
        </telerik:EditorToolGroup>
        <telerik:EditorToolGroup dockingzone="Left">
            <telerik:EditorTool Name="AjaxSpellCheck" />
        </telerik:EditorToolGroup>
        <telerik:EditorToolGroup dockingzone="Right">
            <telerik:EditorTool Name="ToggleScreenMode"></telerik:EditorTool>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

<script>
    function OnClientCommandExecuted(editor, args) {
        if (args.get_commandName() === "ToggleScreenMode" && editor.isFullScreen()) {
            var editorId = editor.get_id();
            var editorElm = editor.get_element();
            var leftToolbar = $telerik.$(editorElm).find("#" + editorId + "Left.reToolBarWrapper");
            var rightToolbar = $telerik.$(editorElm).find("#" + editorId + "Right.reToolBarWrapper");

            var widthExcess = leftToolbar.width() + rightToolbar.width();

            if (widthExcess) {
                editorElm.style.width = (parseInt(editorElm.style.width) - widthExcess) + "px";
            }
        }
    }
</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.

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>

It should rather select the last cell of the table. 

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>

For a better description of the issue and reproduction steps, please view the ticket:

http://www.telerik.com/account/support-tickets/view-ticket?threadid=1010438

If a user clicks 'Ignore All' for a misspelled word, the focus moves to the next misspelled word after the last word included in the ignore all list.  This becomes problematic when editing a large quantity of text and the user's trying to go through things in order, but the focus moves to the very bottom of the content area.

In MS Word, it works as our users expect it would.  Once 'Ignore All' is chosen, the very next misspelled word is highlighted.

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>

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>

Color items should persist the Title property/attribute so that when hovered, the text to be shown in the tool.

When a partially copied table is pasted into the Editor in Chrome, it is pasted wrapped in the folloing div, making it not visible:

<div class="telerik_paste_container" style="border-width: 0px; position: absolute; overflow: hidden; margin: 0px; padding: 0px; left: 3px; top: 215px; width: 1px; height: 1px;">
...
</div>


Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Clear the contents of the editor
3. Insert a table (any configuration of rows and columns) 
4. Go to a new line
5. Type a word on the new line
6. Select the word and a partial amount of the inserted table
7. Copy
8. Paste
9. Navigate to the HTML browser of the editor
10. Observe the "telerik_paste_container" still wrapping the pasted content

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

<script type="text/javascript">
	var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
	var onAfterPaste = editorPrototype._onAfterPaste;
	editorPrototype._onAfterPaste = function (range, tmpPasteContainer) {
		try {
			onAfterPaste.call(this, range, tmpPasteContainer);
		} catch (e) { }
		$telerik.$(this.get_contentArea()).find(".telerik_paste_container").remove();
	};
</script>

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?

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.

This issue can be reproduced when there is some initial HTML content entered that cause scroll to appear. Next, adding some new lines and having a mechanism to call the get_html(true) method would scroll the content area to a random position and cause flickering.

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.

It is a common scenario users to start selecting text and accidental trigger mouseup event outside of the content area. Still, the focus is inside RadEditor and InlineEditCompleted event should not fire.

Possible workaround:

<telerik:RadEditor runat="server" ID="RadEditor1" EditType="Inline"
    OnClientLoad="OnClientLoad" OnClientInlineEditCompleted="OnClientInlineEditCompleted">
    <Content>
       some text
    </Content>
</telerik:RadEditor>

<script>
    function OnClientInlineEditCompleted(sender, args) {
        if (sender._editCompleted) {
            alert("Fired!");
        }
    }

    function OnClientLoad(sender, args) {
        $telerik.$(document).on("mouseup", function (e) {
            if (e.target === sender.get_contentArea() || e.target === sender.get_textArea()) {
                sender._editCompleted = true;
            }
        })

        $telerik.$(document).on("mousedown", function (e) {
            if (e.target === sender.get_contentArea() || e.target === sender.get_textArea()) {
                sender._editCompleted = false;
            } else {
                sender._editCompleted = true;
            }
        })
    }
</script>

The exact steps to reproduce are:

1. Use RadEditor in http://localdemos.telerik.com/aspnet-ajax-dev/editor/examples/overview/defaultcs.aspx
2. Add this HTML:
        <p>start</p>
        <p>&nbsp;</p>
        <p>end</p>

3. Go to Design;
4. Select from the empty paragraph (<p>&nbsp;</p>) to the end of text (<p>end</p>);
5. Copy via Ctrl+C;
6. Try to paste at the end of the "end" paragraph.

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>