This method is used to fix some layout issues of the editor. For each call of this method, the editors content grows with one BR element. Due to that the content area is getting with additional lines. A possible resolution is incorporating the following override that fixes the onParentNodeChanged method: <telerik:RadEditor runat="server" ID="RadEditor1"> </telerik:RadEditor> <script type="text/javascript"> var oldOnParentNodeChanged = Telerik.Web.UI.RadEditor.prototype.onParentNodeChanged; Telerik.Web.UI.RadEditor.prototype.onParentNodeChanged = function () { oldOnParentNodeChanged.call(this); if (this.get_filtersManager().getFilterByName("MozillaRemoveLastBr")) { this.get_filtersManager().getFilterByName("MozillaRemoveLastBr").getHtmlContent(this.get_contentArea()); } }; </script>
The following commands does not work with the Format Painter tool. 1. underline 2. strikethrough 3. back color 4. fore color 5. bold
When the content area mode is a Div element, every ajax post back is causing a flickering of the content.
Rejected with the following description: RadEditor performs complex operation in order to manage its content when switching between Design and HTML modes like cloning elements and inserting content in iframe elements. Internet Explorer, however, has some limitations related to that particular operations that prevents the control from preserving the onload attribute (e.g., attributes are not preserved when the iframe is cloned, writing html to an editable iframe doesn't always preserve the event attributes). In order to handle that scenario you can replace the event attributes with JavaScript events. For example: <telerik:RadEditor ID="RadEditor1" runat="server" ContentFilters="ConvertToXhtml"> <Content> <html> <head> <script> window.onload = function () { alert(1); } </script> </head> <body > some text </body> </html> </Content> </telerik:RadEditor> Note: the ConvertToXhtml filter should be enabled as well.
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>
Linking an image inserted through the ImageManager via the LinkManager does not place the creating link on the right place - the <a> tag is inserted eithr inside the <img> one or beside it. The issue could be reproduced in IE11. You can see the issue reproduced in the attached video. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in IE11 2. Type some text in the Editor 3. Open the IamgeManager and insert an image 4. Select the inserted image and open the Link Manager Expected result: the image tag is wrapped inside an <a> tag Actual result: The <a> tag is inserted inside the <img> one
A page which exhibits the error is included below. I have a ticket open with Chromium as well: https://code.google.com/p/chromium/issues/detail?id=412772&thanks=412772&ts=1410359622 Problematic page: http://imodblue.imodules.com/s/1197/social.aspx?sid=1197&gid=1&pgid=2219&content_id=1815 (click the Registration button) Only crashes when the RadEditor is referenced on the page, even if it remains hidden. I'm working on trying to strip it down to a simpler example, but maybe the full page is enough for you guys to help me diagnose it. We are on an older version in production, 2012.3.1023.35. The crash was reproducible with version 2014.2.724.45, but there's no public site with that version that I can use as an example.
If the user creates a link with the first word in the editor and then decides to insert a new paragraph, even though the link is moved to the 2nd paragraph the same link is also created in the first paragraph.
For the time being you can disable the StripCssExpressions filter: protected void Page_Load(object sender, EventArgs e) { RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.StripCssExpressions); } Alternative approach to fix the issue is removing the StripCssExpressions filter from the client-side filters collection, so that the server-side functionality could still sanitize the HTML content: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientInit="OnClientInit"> </telerik:RadEditor> <script type="text/javascript"> function OnClientInit(sender, args) { sender.set_contentFilters(sender.get_contentFilters() - Telerik.Web.UI.EditorFilters.StripCssExpressions); } </script>
Currently, by using ExternalDialogsPath property, developers can extend the built-in dialogs by adding the user controls in a local folder. It would be a nice-to-have feature, if these user controls can be also located in a virtual folder.
When link is given to image or text, Unlink command should get enabled. But it gets enabled for text only while remains disabled for images. To get a better understanding, please refer to the following video: http://screencast.com/t/xHgru58pzKL
http://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx Use the following markup: <p><ins author="RadEditorUser" command="Insert" timestamp="1461912623680" title="Inserted by RadEditorUser on 4/29/2016, 9:50:23 AM" class="reU0">Apple</ins></p> <p> </p> <p> </p> <p><ins author="RadEditorUser" command="Insert" timestamp="1461912654319" title="Inserted by RadEditorUser on 4/29/2016, 9:50:54 AM" class="reU0">Banana</ins></p> Place the cursor in front of Banana Press backspace Expected: The empty paragraph is deleted OR the empty paragraph deletion is tracked (leave the preferred behavior in the comments) Actual: The last letter of the first paragraph is deleted
<telerik:RadEditor ID="RadEditor1" runat="server"> <Content> select and delete some of the "th" content, the entire cell element will be deleted instead of its content <table> <thead> <tr> <th>th1</th> <th>th2</th> <th>th3</th> </tr> </thead> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> </Content> </telerik:RadEditor> <script> //workaraound Telerik.Web.UI.Editor.DeleteSelectionCommand.prototype.deleteNodeContent = function (node) { var utils = Telerik.Web.UI.Editor.Utils; if (utils.isTag(node, "td") || utils.isTag(node, "th")) { utils.removeChildren(node); node.innerHTML = NBSP; } else { remove(node); } } function remove(node) { node.parentNode.removeChild(node); } </script>
You can press Delete or Backspace again to delete the remaining content
When part of a table from MS Excel is copied and pasted into RadEditor under Edge, the RadEditor inserts an image instead of the html for the table. It inserts <img alt="" src="data:image/png;base64, ... " /> instead of the html. IE 11, Chrome and Firefox all paste the html in the RadEditor but MS Edge pastes as an image. Is there a way for the radeditor to override this so the html is pasted instead of an image?
Problem: In the RadEditor we have the NewLineMode set to Div We are also using a ToolsFile xml document to control the tools available in RadEditor. The problem is the InsertParagraph tool now inserts <div> tags instead of <p> tags. We want to keep the NewLineMode behavior as DIV while still having a tool that can insert a paragraph (i.e. a <p> tag). To replicate this problem: On the RadEditor demo page, first set "NEW LINES AS" to "Divs". Then, in the editor content area just above the "Destinations" table, Type in three lines: Comment1 Comment2 Comment3 If you then toggle to the HTML tab, you will see that the Comment1 line is (incorrectly) bracketed by a <p> tag while the Comment2 and Comment3 lines are (correctly) bracketed by <div> tags. Next, go back to the Design tab and position yourself at the beginning of the Comment3 line then click the [Insert Paragraph] button. In the newly inserted "paragraph" type "Comment2b". If you then toggle to the HTML tab you will see that Comment2b is incorrectly bracketed by a <div> tag. It should be a <p> tag.
I am currently using the Radeditor "Insert Table" function. I would like this to allow user to auto adjust columns and rows live just like the following demo. https://demos.telerik.com/aspnet-mvc/editor. I have disable the table wizard and table properties, so user will not be able to mess with this extra stuff. In the Capture.PNG is what I currently have. I would like to have the Want.PNG picture.
Please follow these steps to reproduce the issue: 1. Open RadEditor Demo: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Choose a word that is present in the text (e.g. "Barcelona"). 3. Open "Find And Replace" dialog. 4. Click on the "Replace" tab. 5. Write "Barcelona" or any other chosen word in the "Find" field. 6. Write something in the "Replace With" field (e.g. "Replacement"). 7. Select the "Up" Direction in "Search Options". 8. Click "Replace All". Actual Result: The "The search string was not found." message is displayed and the substrings ("Barcelona") are not replaced. Expected Result: All occurrences of the substring are replaced. Note that this functionality seems to be working if the "Down" direction is chosen.
Update: I would like to add that the issue is not only with Replace All. The same bug is happening with "Replace" with both "Up" and Down" directions.