Communication between Style Builder and Table Wizard does not work.
When the property 'AutoResizeHeight' is set to 'true' and 'ContentAreaMode' is set to 'Div', the appearance of RadEditor will be distorted in IE10. Also, the height of the editor is reduced the first time HTML view is selected under IE10 and older versions when the same setup is used.
The value set to the EmptyMessage of the editor floats outside the EDitor if its length exceeds the Editor's width - http://screencast.com/t/rPLVwFVfU
When using FormatBlock Tool with text inside <div> element the result differs under the different browsers. IE: - cursor placed inside the <div> with no selection: the <div> tag is replaced by the selected heading. - partially selected text: the <div> is split into two and the selection is wrapped with a heading tag. FireFox: - cursor placed inside the <div> with no selection: a heading tag wraps the whole text and the <div> is preserved as parent element. - partially selected text: the <div> is split into two and the selection is wrapped with a heading tag. Chrome: - cursor placed inside the <div> with no selection: the <div> tag is replaced by the selected heading. - partially selected text: the <div> is split into two and the selection is wrapped with a heading tag.
You can apply this CSS override to bring back the RadEditor defaults for the HTML mode. .RadForm .RadEditor .reTextArea { padding: 0; width: 100%; height: 100%; border:0; box-sizing: border-box; font-size: 11px; font-family: inherit; }
The error that is thrown is "Unable to get property 'get_id' of undefined or null reference". Workaround: var EditorPrototype = Telerik.Web.UI.RadEditor.prototype; EditorPrototype.get_rippleZonesConfigurationOriginal = EditorPrototype.get_rippleZonesConfiguration; EditorPrototype.get_rippleZonesConfiguration = function () { if (!this._rippleZonesConfiguration) { this._rippleZonesConfiguration = this.get_rippleZonesConfigurationOriginal(); } return this._rippleZonesConfiguration; }
The following error is thrown when RadEditor is set in Inline mode with Material skin: TypeError: view.modesRowContainer(...) is undefined Workaround: Sys.Application.add_load(function () { var EditorLightweightView = Telerik.Web.UI.Editor.LightweightView; EditorLightweightView.prototype.modesRowContainerOriginal = EditorLightweightView.prototype.modesRowContainer; EditorLightweightView.prototype.modesRowContainer = function () { return this.modesRowContainerOriginal() || {}; } });
The 'Link Text' text box does not always appear in the Link Manager of RadEditor in IE. Behavior is observed when text in an inline element is selected and Link Manager is opened.
If the user opens a dialog (Table Wizard, for example) clicking the 'OK' button applies the new changes, but does not close the dialog - it instead loses focus. The bug is reproduced in all versions of Internet Explorer when RadEditor is configured to use classic dialogs.
Steps to reproduce: 1. Insert two lists <ol> <li>test1</li> </ol> <ol> <li>test2</li> </ol> 2. Copy the first list 3. Insert one more list item in the second list and paste the first list Expected: <ol> <li>test1</li> </ol> <ol> <li>test2</li> <li>test1</li> </ol> Actual: <ol> <li>test1</li> </ol> <ol> <li>test2</li> <li> <ol> <li>test1</li> </ol> </li> </ol>
When the editor is wrapped inside a fixed size parent with overflow:y: scroll, the "Toggle Full Screen" command (F11) does not make the Editor occupy the whole view port. The issue can be reproduced in IE. video: http://screencast.com/t/0pWlWAgKX1qD
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.