Image map editor doesn't load the selected image in IE11.
The problem appears to be related to the image and table resizing feature (introduced in Q3 2013), implemented for the Chrome browser. When the content has a large amount of nested tables with images, selecting an image is causing a slow operation and even an unexpected crash of the browser. With this example code you can disable the feature and resolve the performance issue: <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.RadEditor.prototype._initializeResizableWidget = function myfunction() { }; </script> Note that this line of code will disable the image/table resizing only for Chrome. Under Firefox and IE this feature is provided by the browser and will still be available.
The described issue is because of the "Zero width nbsp" character, which is not stripped when the text is submitted. Possible resolution is to strip the character with custom function attached to the OnClientSubmit event of the RadEditor control: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientSubmit="OnClientSubmit" /> <script type="text/javascript"> function OnClientSubmit(editor, args) { var html = editor.get_html(true); html = html.replace(/\u200b/g, ""); editor.set_html(html); } </script>
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.
This is causing the whole page to scroll to the editor's position. The same behavior is occurred when a tool from the toolbar of the editor is used. Possible resolution is to change the ContentAreaMode to Iframe.
When the NewLineMode of a RadEditor is set to Div and a line of text is entered in an empty content area of the control under Chrome, the text will be wrapped in a paragraph element. Possible workaround is to set an initial content with a DIV and BR elements inside: <telerik:RadEditor runat="server" ID="RadEditor1" NewLineMode="Div"> <Content> <div></div> </Content> </telerik:RadEditor> Another possible solution is incorporating the following JS code right after the RadEditor declaration: <telerik:RadEditor runat="server" ID="RadEditor1" NewLineMode="Div"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.RadEditor.prototype._onKeyPressed = function (e) { } </script>
If a table with a large content is inserted in the RadEditor: 1) The editor's scroll position jumps when the content is not focused and it is scrolled to the bottom in FireFox. 2)The editor's scroll position jumps when the content is scrolled to the bottom and then a cell from the table is focused in Internet Explorer.
The mentioned delete operations are not working as expected and consistent across the major browsers. This behavior is casing the Track Changes feature to be unavailable and unusable in some cases.
The paragraph is still displayed under the list element in IE8 for Windows XP when the following is performed: 1. The HTML below is placed in a RadEditor in HTML mode; <ul> <li>This is line 1</li> </ul> <p>This is line 2</p> 2. The editor is switched in Design mode; 3. The paragraph is incorrectly joined with the list element by placing the cursor at the start of the paragraph and pressing the Backspace key; The issue can be avoided by bringing back the old behavior of the RadEditor's commands as described in this help article: http://www.telerik.com/help/aspnet-ajax/editor-inline-and-block-commands-behavior-change.html.
If you create a link with a target="_blank" attribute, the corresponding value shows as selected. When the Link Manager is opened second time the value shows as selected, but the link is not set without a target attribute. You can find attached a sample project, in which is used the Custom Built-In dialogs approach to resolve the problem. For details about this approach follow this link: http://demos.telerik.com/aspnet-ajax/editor/examples/externaldialogspath/defaultcs.aspx
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.