AutoResizeHeight functionality is not working correctly under IE, Chrome and Opera, when it is set to true. Behavior: Under IE: Editor is not resized when content is deleted. Under Chrome: Editor's content area is resized to cover the space but the editor preserve its height. under Opera: Editor keeps expanding when removing content.
Setting a content as the following one: <html> <head> </head> <body> <h2>content</h2> </body> </html> After switching the editor mode and creating a post back, a JavaScript error is thrown in the browser console. A possible resolution is overriding the detachEvents methods of the editor with the provided ones. You can use the following setup as example, note that the script tag should be after the RadEditor declaration to override the methods correctly: <telerik:RadEditor runat="server" ID="RadEditor1" ContentFilters="none"> <Content> <html> <head> </head> <body> <h2>content</h2> </body> </html> </Content> </telerik:RadEditor> <asp:Button Text="text" runat="server" OnClick="Unnamed_Click" /> <script type="text/javascript"> Telerik.Web.UI.Editor.NodesTracker.prototype.detachEvents = function () { if (!this.isActive) return; var contentArea = this.editor.get_contentArea(); this.editor.remove_submit(this.cleanUpDelegate); try { $telerik.removeHandler(contentArea, "keyup", this.keyupDelegate); $telerik.removeHandler(contentArea, "keydown", this.keydownDelegate); } catch (ex) { } $telerik.removeExternalHandler(contentArea, "paste", this.pasteDelegate); } Telerik.Web.UI.Editor.EmptyWhitespaceCharTracker.prototype.detachEvents = function () { var contentArea = this.editor.get_contentArea(); this.editor.remove_submit(this.cleanUpDelegate); try { $telerik.removeHandler(contentArea, "keypress", this.cleanUpDelegate); } catch (ex) { } $telerik.removeExternalHandler(contentArea, "mousedown", this.cleanUpDelegate); $telerik.removeExternalHandler(contentArea, "touchstart", this.cleanUpDelegate); } </script>
The problem is due to changes related to the selection object of the IE11 browser. Because of that the getSelectedElement() method retrieves wrong values. This issue causes incorrect behavior of the following features/methods: - The DOM inspector module shows incorrect value; - The Image Properties dialog opens with blank attributes; - The Image Map Editor dialog alerts that image is not selected; - The getSelectedElement() method retrieves incorrect value; - When a table is selected, an incorrect alert message is being thrown on opening the Table Properties dialog from the context menu. Possible resolution is to use the following example setup with the function that overrides the original Selection prototype: <telerik:RadEditor runat="server" ID="RadEditor1"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.Selection.prototype.getParentElement = function () { var rng = this.getRange(); if (!rng) return null; //IE if (rng.commonAncestorContainer)//MOZ, Safari, Opera { var theSelection = this._window.getSelection(); //Safari! var startContainer = rng.startContainer ? rng.startContainer : theSelection.baseNode; var endContainer = rng.endContainer ? rng.endContainer : theSelection.extentNode; var startOffset = rng.startOffset != null ? rng.startOffset : theSelection.baseOffset; var endOffset = rng.endOffset != null ? rng.endOffset : theSelection.extentOffset; var anchorOffsetChild = theSelection.anchorNode.childNodes[theSelection.anchorOffset]; if (anchorOffsetChild && (anchorOffsetChild.nodeName == "IMG" || (startContainer == endContainer && (endOffset - startOffset) == 1))) { return anchorOffsetChild; } else { if ($telerik.isSafari) // new fix context menu in Safari and Chrome { var tagName = (theSelection.anchorNode && theSelection.anchorNode.parentNode) ? theSelection.anchorNode.parentNode.tagName : ""; if (tagName == "TH" || tagName == "TD") { return theSelection.anchorNode.parentNode; } else if (tagName == "TR") { return theSelection.anchorNode; } } if (!rng.commonAncestorContainer.tagName) { if (this._window.document == rng.commonAncestorContainer && theSelection.baseNode)//SAFARI { return theSelection.baseNode.parentNode; } return rng.commonAncestorContainer.parentNode; } else { // Workaround for issue related to the retrieved // Image element under IE11 if (rng.commonAncestorContainer.firstElementChild && (rng.commonAncestorContainer.firstElementChild.tagName === "IMG" || rng.commonAncestorContainer.firstElementChild.tagName === "TABLE")) { return rng.commonAncestorContainer.firstElementChild } return rng.commonAncestorContainer; } } } else if (rng.length) { return rng.item(0); } else if (rng.parentElement) { return rng.parentElement(); } else { return null; } }; </script> Note that the script tag should be placed right after the RadEditor declaration.
Image map editor doesn't load the selected image in IE11.
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 following attributes are not restored on page submit when RadEditor is in Preview mode: onclick="return false;" target="_blank"
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
I have problem with "Strip CSS formatting" command in Chrome, for example this html as editor content <span class="redText">test test</span> In Firefox when I select this two words and select "Strip CSS formatting" it works with no problems, but in Chrome text stays the same, I managed to reproduce this issue on your demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
It would be great to have RadEditor offer CMS type functionality similar to the RadEditor within Sitefinity. The Sitefinity editor allows you to drag and drop different layouts to the editor and then alter each area independently.
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.
Currently when the accessible UI in RadEditor is enabled, borders appear around the icons of the tools and the icons themselves are displaced.
RadEditor's height is increasing as the content increases in iPad. The height of the control should remain the same but scrollbars should be displayed in the content area.
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.
Whe you're trying to add an image with "#" or "&" symbols in it's title - image displays as corrupted in image editor.
The desired behavior cannot be achieved out of the box with the content provider from this KB article, because the paths to the images are passed to a generic handler. The main reason it can't be achieved at the moment is that the latest moment of the page life-cycle of the FileBrowser.ascx dialog, when the user can set the FileExplorer's InitialPath is before the Page_Load event, but the path to the preselected in the Editor item is passed in the Page_Load event and the initial path is reset internally.
Radeditor when initially set as visible="false", the toolbar border images never renders when the control is later set to Visible="true".
After upgrading to Q2 2003.2.611, I receive this error when an editor is being rendered, whether in a grid as a columntype, or standalone editor. If I remove the column, my popup comes up fine. I've even tried using the latest internal build to no avail. Error: Unhandled exception at line 3407, column 1 in http://localhost:46674/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_rsmMaster_TSM&compress=1&_TSM_CombinedScripts_=;;Telerik.Web.UI,+Version=2013.2.709.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:69657036-201e-4b8d-ba50-faac1961b436:1569bb5f:63b115ed:874f8ea2:dc7e0bd:30f1f089:92fe8ea0:fa31b949:19620875:490a9d4e 0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'registerControlProperties'
Hi Team, Our colleague Stefan Stefanov reported an issue in the Admin Support RadEditor. Steps to reproduce and other details can be found in the original thread: http://teampulse.telerik.com:9896/Project/257/Feedback/Details/230787-undesired-span-in-admin-editor Can you please look at it? Thanks in advance! Nikolay Avramov
Visit the page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx and create a hyperlink including the tool tip and the press ok. You should end up with something similar to: Copy Code <a href="http://www.microsoft.com" title="please click on me">Microsoft</a> Now, edit the link and switch to the email tab and enter in an email address and click on ok. You should end up with: Copy Code <a href="mailto:info@telerik.com" title="please click on me">Microsoft</a> Note, the title attribute has been carried over from the information on the hyperlink tab. There should be a tooltip field to the email tab.