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.
User is able to add this to the radeditor with allowscripts=false...granted not a script but CLEARLY gaming the system. It shouldn't be up to us to write custom filters to handle these things, it should be native and tested in the editor itself. <h1>TROLOLOLOLOLOL</h1><meta http-equiv="refresh" content="1;url=http://bit.ly/1bJjrjr" /> <fk></fk>
Currently, RadEditor supports single level context menu only. We had one of the requirement to have a multilevel context menu (like - menu --> sub menu). It would be really nice to have this feature in the upcoming release as it makes the RadEditor more user friendly. -- Rahul.
Repro steps: 1) In Chrome, visit http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2) Click on ImageManager, FlashManager, MediaManager Note the small size of the spawned window.
When this is happening the editor is unavailable for editing and the button for disabling this mode is also unavailable. A possible resolution is to use the Form Template option of the EditFormSettings property and set a RadEditor control with the following function attached to the OnClientCommandExecuted event: function OnClientCommandExecuted(editor, args) { var commandName = args.get_commandName(); if (commandName === "ToggleScreenMode") { var isFullScreen = editor.isFullScreen(); var modalExtender = $telerik.$("#modalDivId_<%= RadGrid1.ClientID %>"); if (isFullScreen) modalExtender.hide(); else modalExtender.show(); } } Also, this happens with simple DOM elements set with fixed position. The following workaround fixes the Full Screen of the RadEditor control in all similar cases when elements are overlaying. <telerik:RadEditor runat="server" ID="RE1" OnClientCommandExecuted="OnClientCommandExecuted"> </telerik:RadEditor> <script type="text/javascript"> function OnClientCommandExecuted(editor, args) { if (args.get_commandName() === "ToggleScreenMode") { var editorElement = editor.get_element(); if (editor.isFullScreen()) { editorElement.style.position = "absolute"; editorElement.style.zIndex = "100000"; } else { editorElement.style.position = ""; editorElement.style.zIndex = ""; } } } </script>
Currently when the accessible UI in RadEditor is enabled, borders appear around the icons of the tools and the icons themselves are displaced.
Step to reproduce: 1. Open Editor Demo in Chrome and change the font size in the developer console (the F12 button) for the text; 2. enter some text separated by paragraphs (e.g. “Test Test”) 3. Put the cursor before the second “Test” text and press the Backspace button on the keyboard. Actual result: The size of the text has been changed. Expected result: The size must be the same as it was before the Backspace button was clicked. Notes: The issue reproducible only in Chrome.
Using sitefinity we get a lot of admins getting "Enter happy" and generating obnoxious amounts of <p> tags or empty divs, or something... I'd love a filter such that when they save it'd go through and clean up (remove) the empty crap content. <p>some text</p> <-- FINE <p></p> <-- GONE <p><br/></p> <-- GONE <p>Final bit of text</p> <-- FINE ...etc
With RadEditor for AJAX Version 2013 Q3 it is not possible to edit tables in Design view. Clicking within a table seems to cause the editor to lose keyboard focus, the cursor is not visible. The problem is reproducible on the Telerik WYSIWIG Editor demo page.
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 RadEditor is set to ContentAreaMode="Div" mode, opening the Find And Replace dialog and triggering the ReplaceAll functionality is throwing a javaSCript error. A possible workaround is using the provided FindAndReplace.ascx user control in the attached sample project as external dialog. For more information about this approach you can follow this online demo: http://demos.telerik.com/aspnet-ajax/editor/examples/externaldialogspath/defaultcs.aspx
When the RadEditor's dialogs are sit to LightWeight rendering mode and the CDN is enabled a JavaScript error is being thrown in the browser's console
Currently the " entity is converted to a single quote under Chrome or Firefox, when ConvertToXhtml filter is enabled and the entity is placed in the value of an HTML attribute, for example href.
When the ToolProviderID property is set, the Undo/Redo property is working only for the first RadEditor contorl
If a TabStrip with two editors is configured, the editor in the first tab is working correctly, but if the second is shown - its toolbar is not working as expected. Possible resolution is to insert a meta tag in the head element of the main page, which sets the rendering engine of IE10: <meta http-equiv="x-ua-compatible" content="IE=10" /> Another possible resolution is to call the onParentNodeChanged() method after the tab is selected: <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" MultiPageID="RadMultiPage1" OnClientTabSelected="OnClientTabSelected"> <Tabs> <telerik:RadTab runat="server" PageViewID="RadPageView1" Selected="True" Text="Root RadTab1"> </telerik:RadTab> <telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Root RadTab2"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage ID="RadMultiPage1" runat="server"> <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%" Selected="True"> <telerik:RadEditor ID="RadEditor1" runat="server"> <Content> Content Page 1 </Content> <TrackChangesSettings CanAcceptTrackChanges="False" /> </telerik:RadEditor> </telerik:RadPageView> <telerik:RadPageView ID="RadPageView2" runat="server" Width="100%"> <telerik:RadEditor ID="RadEditor2" runat="server"> <Content> Content Page 2 </Content> <TrackChangesSettings CanAcceptTrackChanges="False" /> </telerik:RadEditor> </telerik:RadPageView> </telerik:RadMultiPage> <script type="text/javascript"> function OnClientTabSelected(sender, args) { var tabIndex = args.get_tab().get_index(); if (tabIndex === 1) { var editor = $find("<%= RadEditor2.ClientID %>"); editor.onParentNodeChanged(); } } </script>
When a Hyperlink element is set with an onclick handler, after passing through the Preview mode it is being stripped under IE7. Also related problem is that the link in the Preview mode are clickable and the URL set to the href attribute is opened in new tab/window. Possible solution for both bugs is to override the function responsible for the conversion of such attributes in the Preview mode with this JavaScript code: Telerik.Web.UI.Editor.Utils.setTargetsForPreview = function (editor) { var contentArea = editor.get_contentArea(); var links = contentArea.getElementsByTagName("A"); for (var i = 0, l = links.length; i < l; i++) { var link = links[i]; //handle targets var target = link.getAttribute("target"); if (target != null) { link.setAttribute("re_target", target); } if (target != "_blank") link.setAttribute("target", "blank"); //handle ckick event var oldOnClick = (link.getAttributeNode('onclick') && link.getAttributeNode('onclick').value) || link.getAttribute("onclick"); if (oldOnClick != null) { link.setAttribute('re_onclick', oldOnClick); } link.setAttribute('onclick', 'return false;'); if (typeof link.onclick === "string") { link.onclick = function () { return false; }; } } }; Telerik.Web.UI.Editor.Utils.restoreTargetsAfterPreview = function (editor) { var contentArea = editor.get_contentArea(); var links = contentArea.getElementsByTagName("A"); for (var i = 0, l = links.length; i < l; i++) { var link = links[i]; //handle targets var oldValue = link.getAttribute("re_target"); if (oldValue != null && oldValue != "null") { link.setAttribute("target", oldValue); } else { link.removeAttribute("target"); } //handle anchors urls var oldOnClick = link.getAttribute("re_onclick"); link.onclick = null; if (oldOnClick != null && oldOnClick != "null") { link.setAttribute('onclick', oldOnClick); } else { link.removeAttribute("onclick"); } link.removeAttribute("re_onclick"); link.removeAttribute("re_target"); } }; Note that this script must be placed in a script tag right after the RadEditor control.
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; }
Newly created areas in the ImageMapEditor dialog cannot be modified and controlled properly by end-users.
The toolbar doesn't show when its mode is ShowOnFocus and PageTop in IE11 A possible resolution is to attach a function to the editor's "focusin" event, the logic of which is to force the visibility state of the toolbar. You can examine the following example: <telerik:RadEditor runat="server" ID="RadEditor1" ToolbarMode="ShowOnFocus" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { editor.attachEventHandler("focusin", function (e) { var toolAdapter = editor.get_toolAdapter(); setTimeout(function () { var isVisible = toolAdapter._toolbarHolder ? toolAdapter._toolbarHolder.isVisible() : false; if (!isVisible) { toolAdapter._showToolbarHolder(true); } }, 0) }); } </script>