When paragraphs are pasted from e.g., MS Word, multiple BR tags are pasted instead of the corresponding amount needed. The flowing custom handler shows how this can be handled as per to the specific requirements: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml" StripFormattingOptions="AllExceptNewLines"> </telerik:RadEditor> <script type="text/javascript"> function OnClientPasteHtml(editor, args) { var commandName = args.get_commandName(); var contentToPaste = args.get_value(); if (commandName === "Paste") { contentToPaste = contentToPaste.replace(/(<br\/>)+/gi, "<br/>"); args.set_value(contentToPaste); } } </script>
When you copy a table from MS Excel and you paste it in the RadEditor under Chrome, an image that depicts the copied table will be inserted in the content area of the control along with the table. You can use the following workaround to avoid inserting an image with the table: <telerik:RadEditor runat="server" ID="RadEditor1"> </telerik:RadEditor> <script type="text/javascript"> var getImages = Telerik.Web.UI.Editor.ClipboardImagesProvider.prototype.getImages; Telerik.Web.UI.Editor.ClipboardImagesProvider.prototype.getImages = function (event) { var images = getImages.call(this, event); debugger; if (event.clipboardData && images.length && event.clipboardData.getData("text/html")) { return []; } return images; }; </script>
When the Toggle Full Screen is pressed the RadEditor does not fill the entire page.
Inserting an image after opening ImageManager from within the ImageManager's Properties tab throws JS error. The issue is reproducible both in IE and Firefox video: http://screencast.com/t/n4T0XYtSpt
Due to that behavior the Editor control appears to change the actual content of the user, which is considered as a faulty behavior.
In RADEditor, the date and time are shown when hovering over someone's Track Changes or Comments. In order to cater to global audiences, this request is for the ability to specify the date and time format that it will use when displaying those tooltips.
'Accept All' and 'Reject All' track changes buttons stay enabled if CanAcceptTrackChanges="false". At the same time Accept and Reject buttons are properly disabled. The behavior is observed both with ToolbarMode set to "Default" and to "Ribbonbar". A temporarily workaround for ToolbarMode='Default' is: <telerik:RadEditor ID="theEditor" EnableTrackChanges="true" runat="server" OnClientLoad="OnClientLoad" OnClientSelectionChange="OnClientSelectionChange" > <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="AcceptTrackChange" Text="Accept" /> <telerik:EditorTool Name="RejectTrackChange" Text="Reject" /> <telerik:EditorTool Name="AcceptAllTrackChanges" Text="Accept All" /> <telerik:EditorTool Name="RejectAllTrackChanges" Text="Reject All" /> <telerik:EditorTool Name="EnableTrackChangesOverride" Text="Enable Track Changes Override" /> </telerik:EditorToolGroup> </Tools> <TrackChangesSettings CanAcceptTrackChanges="false"> </TrackChangesSettings> <Content> <strong title="Formatted by RadEditorUser on Tuesday, May 08, 2012 5:59:11 PM" class="reFormat reU0" author="RadEditorUser" timestamp="1336489151795" browsercommand="Bold">RadEditor</strong> </Content> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { if (!editor.get_canAcceptTrackChanges()) { editor.get_toolAdapter().getToolByName("RejectAllTrackChanges").set_enabled(false); editor.get_toolAdapter().getToolByName("AcceptAllTrackChanges").set_enabled(false); } } function OnClientSelectionChange(editor, args) { if (!editor.get_canAcceptTrackChanges()) { setTimeout(function () { editor.get_toolAdapter().getToolByName("RejectAllTrackChanges").set_enabled(false); editor.get_toolAdapter().getToolByName("AcceptAllTrackChanges").set_enabled(false); }, 0); } } </script> A workaround for ToolbarMode='Ribbonbar' is setting the following style: .rrbDisabled, .AcceptTrackChange, .RejectTrackChange { opacity: .45; }
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.
Due to that users cannot easily change the image and preserve the link.
Due to this bug users cannot create HTML5 compliant pages with the RadEditor control. To workaround the problem you can incorporate the JS method provided in this example: <telerik:RadEditor runat="server" ID="RadEditor1"> <Content> <nav> <ul><li>list item1 </li></ul> </nav> </Content> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.Utils.isBlockElement = function (element) { return this.checkForElement(element, /^(?:body|p|div|h[1-6]|form|fieldset|table|thead|tbody|tr|th|td|ul|ol|li|dl|blockquote|address|hr|nav)$/i); }; </script>
Add a property for setting the default mode of RadEditor (Design, HTML, Previw). Currently this could be obtained using the approach in the following help article: http://www.telerik.com/help/aspnet-ajax/editor-set-mode.html
When typing text, user tries to change the font-size or font-name a span element is added into the content with the chosen formatting options, but new text is not added into the span but outside. Due to that the applied formatting does not affect the new text typed in the RadEditor.
Clipboard operations are restricted in these browsers and when the paste tool is used nothing is happening. An alert should show up just like the Copy and Cut tools are designed. A possible workaround is using the same functionality as the Cut command by incorporating the following JavaScript line of code <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.CommandList["Paste"] = Telerik.Web.UI.Editor.CommandList["Cut"]; </script>