When the commands "Insert Date", "Insert Time" and "Insert Symbol" are used, the content that is inserted via these commands is not cleared upon clicking Undo.
The FormatPainter command is not applying Bold, Italic and Underline formatting to the content in Firefox. In Internet Explorer only underline is not applied.
When you set RadEditor with ContentAreaMode="Div" and start entering a list under IE7 (this includes IE7 mode and Compatibility mode), the list items after the first one will not be displayed in Design view. The following workaround should allow you to avoid the problem until it is resolved: <script type="text/javascript"> function OnClientCommandExecuted(editor, args) { if ($telerik.isIE7) { editor.repaint(); } } </script> <telerik:RadEditor runat="server" ID="RadEditor1" OnClientCommandExecuted="OnClientCommandExecuted"> </telerik:RadEditor>
When RadEditor is configured with ContentAreaMode="Div", its content area is focused and it is empty, the control will not release the focus on pressing "Tab" under Chrome.
When some text is pasted in the content of the editor and the ContentAreaMode="Div" property I set, the cursor should be after the pasted content. A possible resolution is changing the ContentAreaMode to iframe.
The duplicated attributes breaks the embedded flash objects, when their HTML content is exported into an actual document. A possible resolution is to enable the ConvertToXhtml filter.
When the modules are removed from the code behind, the editor's content are is set with higher height value, than expected. This causes the editor's layout to break. Possible resolution is to attach a custom Client-side function on the OnClientLoad event of the editor, which invokes the onParentNodeChanged() method. Please follow the following example setup: <telerik:RadEditor ID="PageContent" runat="server" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { editor.onParentNodeChanged(); } </script>
When a RadEditor's toolbar mode is set to RibbonBar, its left and right border disappear. Possible solutions are to set custom CSS styles that fixes the resizing issue under IE11: Approach 1: .RadRibbonBar.RadRibbonBar_<SkinName> { margin:1px; } Approach 2: .reToolbarWrapper { padding-left:1px; padding-right:1px; }
The MS Sans Serif font is rendered as Arial in the web environment. The correct one is Sans Serif. Possible solution is to use the following example setup, the logic of which is to replace the MS Sans Serif font to the Sans Serif one: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { var fontNames = editor.get_fontNames(); var fontIndex = fontNames.indexOf("MS Sans Serif"); if (fontIndex >= 0) { fontNames[fontIndex] = "Sans Serif"; } } </script>
When a list is created in the editor. Copy and paste of this list does not behave as expected.
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.