If the Height of the RadEditor control is set to percentage value, the content area element is too small and does not correspond to the desired stylization. The table element inside the RadEditor wrapper also is calculated with an incorrect height.

A possible resolution is using a custom Client-side function, that sets the correct stylization changes to the table element and the content element. This method should be attached to the editor's OnClientLoad event. Please follow this example setup:

<telerik:RadEditor runat="server" ID="RadEditor1"
	Height="100%" Width="100%" OnClientLoad="OnClientLoad">
</telerik:RadEditor>
<script type="text/javascript">
	function OnClientLoad(editor, args) {
		setTimeout(function () {
			var contentElement = editor.get_contentAreaElement();
			var editorsTable = $get(editor.get_id() + "Wrapper");
			editorsTable.style.height = "100%";
			contentElement.style.height = "100%";
		}, 0);
	}
</script>

When RadEditor's ContentAreaMode is Div the entire page is printed instead of just the content. 

Possible solution is changing the mode to Iframe as it is by default. 

Inserting a table is causing the user to switch to HTML mode and insert manually a br element, so that he could start typing in the next line.

Possible solution is attaching this Client-side method on the OnClientCommandExecuted event of the RadEditor control:

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


<script type="text/javascript">
    function OnClientCommandExecuted(editor, args) {
        var command = args.get_commandName();
        if (command = "InsertTable") {
            var selection = editor.getSelection();
            var range = selection.getRange();
            if (range.pasteHTML) {
                range.pasteHTML("<br />");
            }
            else {
                editor.pasteHtml("<br/>");
            }
        }
    }
</script>

The following workaround entirely changes the behavior by modifying the selection and selects the first TD

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

<script type="text/javascript">
    var identifierID = "RadEditor_AfterTable";

    function OnClientPasteHtml(editor, args) {
        var commandName = args.get_commandName();

        if (commandName === "InsertTable" || commandName === "TableWizard" ) {
            var currValue = args.get_value();
            currValue = currValue.replace(/<\/table>/gi, "</table><div id=" + identifierID + ">&#x200B;</div>");
            //currValue = currValue + "<div id=" + identifierID + ">&#x200B;</div>";
            
            args.set_value(currValue);
            setTimeout(function () {
                selectFirstTD(editor)
            }, 0);
        }
    }

    function selectFirstTD(editor) {
        var $ = $telerik.$;
        var contBody = editor.get_contentArea();
        var identifier = $(contBody).find("#" + identifierID);
        var table = identifier.prev();
        var elmToSelect = table.find("th")[0] || table.find("td")[0];

        if (elmToSelect.childNodes && !$telerik.isIE) {
            elmToSelect = elmToSelect.childNodes[0].nodeName === "#text" && elmToSelect.childNodes[0];
        }

        var hasNextElement = identifier.next()[0];
        
        while (hasNextElement && $(hasNextElement).is("style")) {
            hasNextElement = $(hasNextElement).next()[0];
        }
        
        editor.selectElement(elmToSelect);

        if (!hasNextElement) {
            table.after("<br/>");
        }

        identifier.remove();
    }
</script>

Hi Team, 

Our colleague Stefan Stefanov reported an issue in the Admin Support RadEditor. Steps to reproduce and other details can be found in the original thread:
http://teampulse.telerik.com:9896/Project/257/Feedback/Details/230787-undesired-span-in-admin-editor 

Can you please look at it? 
Thanks in advance!

Nikolay Avramov

When a table is pasted from Word a border-image:none rule is inserted along with all content. The behavior is encountered only under Firefox and this rule is not needed for the correct rendering of the table.

The StripFormattingOptions feature does not work when the ContentAreaMode is set to Div mode. This behavior is introduced only in Chrome, Firefox and Internet Explorer 7.

setSize() is not applying dimensions properly to the content area.

RadEditor is resized correctly but the content area isn't. Once resize RadEditor manually through its resize handle, the content area becomes resized properly.

Set the NewLineMode to br tag. Then inserting a list and closing it appends the following:

<p>&nbsp;</p>

It should be appending a <br> element corresponding to the set mode.

When the RadEditor is set to NewLineMode="Br" the BR tags are not correctly closed or not self closed. 

Another related unexpected behavior is occurred when switching between HTML and Design mode the mentioned BRs doubles themselves.

Possible workaround is using the following meta tag to force the IE10 compatibility mode:
<meta http-equiv="x-ua-compatible" content="IE=10" />

In the Radeditor.  Create a table with multiple rows, multiple columns optional.  Add text in the first row.  Add a bulleted list in the second row.  Save the html and the bulleted list is rendered above the table.  It looks like when you type in text and then convert it to a bulleted list it removed the <td> tag and replaces it with <ul><li></li></ul> which means it won't render in the table properly.  I tested this with the demo radeditor as well and can duplicate every time.

radeditor adding <p>&nbsp;</p> . Actual HTML just have <p></p>

Also when we swtich beween edit, HTMl and preview . It add &NBSP;

When an image is selected and it is larger than the preview size of the Image Map Editor new shape selections could not be easily added.

Content appears double if there is a Style element inside it and the Spell Check is triggered.

The right side of the ImageManager's upload window is truncated in IE7 - http://screencast.com/t/zB2lWaGXdYd

In some scenarios the toolbar appear to be displayed in two lines, when using custom tools in a toolgroup.

Possible resolutions:
1. Use only Icons to show the button;

2. Change the length of the text in the button, so that the tool group is rendered properly;

3.Change the width of the button. You could achieve that be creating a CSS rule like in this example:

.reToolbar .reTool_text[title="{Custom's button text}"]
{
      width:100px;
}

When the content is mixed up by text written by multiple users on deleting text, which is not written from the current user is removed, without accepting the changes.

Set a RadEditor in a page with some content right after it. Turning the spell checker will cause the editor's wrapper to extend and part of its layout will be underlay of the other content

The content area size is exceeding RadEditor's height in IE11 with its default document mode "Edge". Currently the issue could be worked around by setting the following meta tag.

      <meta http-equiv="x-ua-compatible" content="IE=10">
The approach is described on the following article:

http://msdn.microsoft.com/en-us/library/ie/jj676915%28v=vs.85%29.aspx

In the following scenarios the highlighting of the selected table element cannot be removed.


Under Chrome: 
1.Selecting table's TBODY element;
2.When nested tables are inserted the TABLE or the TBODY of the child table and the TBODY of the parent;

Under FF:
1.Selecting table's TBODY element;

If the Track Changes feature is enabled Japanese and Korean languages are not detected as modified. The added text is not highlighted.