Issue caused by: RadPanelBar, ContentAreaMode="Div"

When RadEditor is placed in a contracted RadPanelBar and RadEditor's ContentAreaMode is set to Div, upon the panel's expansion, RadEditor's height shrinks and JavaScript errors are thrown.

Occurs in: IE7 and IE8.

FIX: RadEditor in an iframe on iPad grows infinitely

The following workaround could be used temporarily:
   <script type="text/javascript">
            Sys.Application.add_load(function () {
                var editor = $find("<%=RadEditor1.ClientID%>");
                var viewportWidth = document.documentElement.clientWidth;
                var viewportHeight = document.documentElement.clientHeight;
                editor.setSize(viewportWidth.toString(), viewportHeight.toString());
                    }
        )
        </script>

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>

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>

If you try to re-format a paragraph with a link inside to a heading, the final result will be multiple headings split by the link.

When HTML content is set to the editor and has stylization with the inline style attribute the 'ConvertInlineStylesToAttributes' filter converts some of them to attributes, but after a post back they disappear.

The get_text() client side function of the editor seems to append a newline character to the retrieved text. This had the effect of breaking a string comparison I had to clear placeholder text ('enter detailed text here') when the user clicks on the content area. The problem is apparent only on Chrome and Safari, but not IE.

I fixed this problem by removing the trailing newline character using a regular expression:

var t = editor.get_text();
t = t.replace(/\n/g, "")
....then do the string comparison

The problem appeared in version 2012.2 912.

Created a table. Go to accessibility, checked 1 for both the header row and column & checked the associated cells with headers checkbox. ... This is the code that get's spit out.

Copy Code

<table style="width: 50%; " class="tableData">

<thead><tr>

<th style="" id="table_heading_0"> </th>

<th style="" id="table_heading_1">2011</th>

<th style="" id="table_heading_2">2012</th>

</tr></thead>

<tbody><tr>

<th style="" id="table_heading_3">Fire</th>

<td headers="table_heading_1">5</td>

<td class="" style="" headers="table_heading_2">5</td>

</tr><tr>

<th style="" id="table_heading_4">Police</th>

<td headers="table_heading_1">5</td>

<td headers="table_heading_2">5</td>

</tr></tbody></table>

Each header is assigned a unique ID (Correct!)

Each header is identified with a <th> class (Correct!)

Each non-header cell associates with just ONE header (INCORRECT! ... I assume)

Since there are two headers associated with each non-header cell, shouldn't there should be two IDs referenced in the "headers" attribute? Would the correct coding for this look something like this (each header ID separated by a space or comma)?

Copy Code

<table style="width: 50%; " class="tableData">

<thead><tr>

<th style="" id="table_heading_0"> </th>

<th style="" id="table_heading_1">2011</th>

<th style="" id="table_heading_2">2012</th>

</tr></thead>

<tbody><tr>

<th style="" id="table_heading_3">Fire</th>

<td headers="table_heading_1,table_heading_3">5</td>

<td class="" style="" headers="table_heading_2,table_heading_3">5</td>

</tr><tr>

<th style="" id="table_heading_4">Police</th>

<td headers="table_heading_1,table_heading_4">5</td>

<td headers="table_heading_2,table_heading_4">5</td>

</tr></tbody></table>

The content of RadEditor overflows the height ot the content area in Mobile Safari (tested with IOS 9.3). The issue is reproducible as of version 2015.3.930

Reproduction code:
        <telerik:RadEditor ID="emailMessageInput" runat="server" Style="font-size: 12px;" Height="450" Width="600">
            <Content>
                foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />foo<br />
            </Content>
        </telerik:RadEditor>
        <br />
        <asp:Button ID="btn" runat="server" Text="the editor overflows on an ipad" />

Rejected with the following description: 

RadEditor performs complex operation in order to manage its content when switching between Design and HTML modes like cloning elements and inserting content in iframe elements. Internet Explorer, however, has some limitations related to that particular operations that prevents the control from preserving the onload attribute (e.g., attributes are not preserved when the iframe is cloned, writing html to an editable iframe doesn't always preserve the event attributes).

In order to handle that scenario you can replace the event attributes with JavaScript events. For example:

                                                                       

<telerik:RadEditor ID="RadEditor1" runat="server" ContentFilters="ConvertToXhtml">
            <Content>
                <html>
                    <head>
                        <script>
	window.onload = function () {
		alert(1);
	}
                        </script>
                    </head>
                    <body >
                        some text
                    </body>
                </html>
            </Content>
        </telerik:RadEditor> 

Note: the ConvertToXhtml filter should be enabled as well.

For example the Bold, Italic, Underline and Strike-trough commands are not accepted by invoking the AcceptTrackChanges() method. After the post back, the track changes stylization is still the same and the attributes set from the feature (cite, author, timestamp etc.) are not stripped. 

A possible workaround is using the corresponding method via the Client-side API. To do that you can use this example JavaScript method:

function acceptAllChanges() {
    var editor = $find("<%= RadEditor1.ClientID %>");
    var trackChanges = Telerik.Web.UI.Editor.TrackChanges;

    trackChanges.initialize(editor);
    trackChanges.acceptAllChangesSilently();
}

Note that you should get the correct editor object and pass it as an argument in the initialize() method's overload. 

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.

If a font is selected in the FontName dropdown and then some code is pasted in the editor's content area (font stripping is turned on) then the selected font is cleared and did not applied to the pasted content. What the user is trying to do is to have it paste into the font that he has selected in the rad editor not into the default font of the browser nor the default font of the rad editor.

A possible workaround: take the PageProperties.ascx dialog and use it as an external dialog in your project and change the _setClass: function to

_setClass: function (element, cssClassHolder) { element.className = cssClassHolder.get_value(); }