The current content filters of the RadEditor control supports XHTML content, in which attributes should have a proper value. Although with HTML5 the browsers started supporting boolean attributes that could be used without any type of value. Such attributes are being stripped or replaced, which at some point leads to an incorrect behavior if the user's HTML code. It would be useful if developers could have the ability to modify this behavior and generate correct HTML5 code. A possible usage of such attributes is when they are used as XHTML5 valid attributes, with the proper value (e.g. disabled="disabled").
There are some areas within the RADEditor that do not support localization: 1. Alerts for Accept All and Reject All track changes. 2. The Comments user interface. 3. Certain strings in the Undo menu. See attached.
Such feature will be a convenient availability for developers to create document templates and easy add HTML specified headers and footers
Commonly, plain words are listed in a an MS Word document and full stops are added. Pasting such a list in the editor will cause them to appear with upper-alpha type list and no text in the list item. The following code snippet further modifies the convert() method of the ConvertWordLists logic to encode and decode such full stops. You can use it as a temporary workaround to resolve this issue. <telerik:RadEditor runat="server" ID="RadEditor1"></telerik:RadEditor> <script type="text/javascript"> var originalConvert = Telerik.Web.UI.Editor.WordListConverter.prototype.convert; Telerik.Web.UI.Editor.WordListConverter.prototype.convert = function (htmlText) { // Encode the full stops only if they are after words with 2 or more characters. htmlText = htmlText.replace(/(\w{2,})[.]/gim, "$1_TELERIK_DOT_"); htmlText = originalConvert.call(this, htmlText); // Decode the full stops. htmlText = htmlText.replace(/_TELERIK_DOT_/gm, "."); return htmlText; } </script> Make sure that this script block is placed right after the RadEditor declaration, so that the WordListConverter is properly created.
RadEditor Find/Replace functionalities are not working in IE. The following workaround could be used temporarily: <script type="text/javascript"> var $T = Telerik.Web.UI; Telerik.Web.UI.RadEditor.prototype.setActive = function () { if (this._emptyMessageContainer) this._hideEmptyMessage(); if ($telerik.isIE && this.getSelection().isControl()) return; var curArea = this.get_mode() == $T.EditModes.Html ? this._getTextArea() : this.get_contentArea(); if (curArea && curArea.setActive) curArea.setActive(); }; Telerik.Web.UI.RadEditor.prototype.setActiveIfElementIsNotInContent = function () { if (this._emptyMessageContainer) this._hideEmptyMessage(); if ($telerik.isIE && this.getSelection().isControl()) return; var curArea = this.get_mode() == $T.EditModes.Html ? this._getTextArea() : this.get_contentArea(); var activeElement = this.get_document().activeElement; var activeElementIsInContent = (activeElement && activeElement === curArea) || $.contains(curArea, activeElement); if (curArea && curArea.setActive && !activeElementIsInContent) { curArea.setActive(); } }; </script>
When RadEditor is set with width of 100% switching to Full Screen mode and going back from Full Screen to the initial mode, the content area becomes only few lines high. The following temporary solution should resolve the layout issue for common scenarios: <telerik:RadEditor ID="txtComments" runat="server" Width="100%" OnClientCommandExecuted="OnClientCommandExecuted"> </telerik:RadEditor> <script type="text/javascript"> function OnClientCommandExecuted(sender, args) { if (args.get_commandName() === "ToggleScreenMode") { sender.repaint(); } } </script>
The layout of the editor's dialogs break when CSS for Window's lightweight mode are appended. This causes unavailability for the developers to use the lightweight feature of the Window
The JS error also causes the tool to break, and all table-related tools are not available in RibbonBar mode.
The area shapes in Image Map Editor dialog couldn't be moved or resized in Internet Explorer 11.
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.