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>
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; }
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
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;
A possible workaround: <rad:RadEditor ID="RadEditor1" runat="server" OnClientCommandExecuted="OnClientCommandExecuted"></rad:RadEditor> function OnClientCommandExecuted(editor, args) { if ("Unlink" == args.get_commandName()) { if ($telerik.isFirefox) { var anchor = editor.getSelectedElement(); if (anchor && anchor.nodeName == "A") { Telerik.Web.UI.Editor.Utils.removeNode(anchor); } } } }
Under firefox a request for the stylesheet is made but it is never received. Currently, the following workaround resolves the issue: if ($telerik.isFirefox) { setTimeout(function(){ sender.onParentNodeChanged() }, 500); } else { sender.onParentNodeChanged(); }
Currently the default font of RadEditor in Chrome is set to "Times New Roman". This font, however, is not set to the text.
When a table of any size is inserted in RadEditor, the user's cursor is placed in the beginning of the document and is, thus, scrolled to the top. The issue appears in all versions of Internet Explorer in which the Document Mode is set to IE7 and IE8. The same behavior is observed when pasting content in a table.
When a custom font is used in the RadEditor and the cursor is positioned on text that uses this font, the font name that is displayed in the Font Name dropdown will not be correct under IE.
Steps to reproduce: 1.Type some text in the content of the editor; 2.Press Accept All Track Changes button; 3.Type some other text between two words of the previous text; 4.Press Accept All Track Changes button;
When a text with formatting is pasted in the content of RadEditor with 'EnableComments' property set to 'true' under IE, the formatting will be stripped.
When the AutoResizeHeight property of Editor is set to True, pressing enter resizes the content area without reaching the bottom of the content area. The bug can only be reproduced in IE9 and IE10. video: http://screencast.com/t/3mCkQNTC
If a RadEditor is placed in an UpdatePanel and it is initially invisible (its property 'Visible' is set to false), the skins of the dialogs will not be loaded correctly when the editor is displayed ('Visible' is set to true).
Whenever there are texts and text boxes, checking the spelling duplicates the text Video reproduction: http://screencast.com/t/oShyk0ww
Adding some initial, plain text (no HTML <p> tag wraps the text) and e.g., bolding the last word, pressing enter after it removes a white space. The easiest workaround is changing the NewLineMode property to Br. Example: <telerik:RadEditor runat="server" ID="RadEditor1" NewLineMode="Br"> </telerik:RadEditor> More complex solution that will enable you continue using the paragraphs as new lines is by incorporating the following JavaScript code: <telerik:RadEditor runat="server" ID="RadEditor1"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.Utils.trimWhitespaceTextNodes = function () { }; </script> Note that the script should be put right after the RadEditor declaration to ensure that the RadEditor scripts are loaded.