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?
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.
1. Visit the RadEditor demo at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx (I used Google Chrome.) 2. In the HTML view, replace the entire demo text with This <strong>strange</strong> thing 3. In the Design view, place the cursor at the very end of the line, and press Shift+Left repeatedly. a. At first it will highlight the final letter correctly. b. Then it will UNHIGHLIGHT the final letter! c. Then it will begin highlight more letters again starting from the letter BEFORE the final letter. d. Then, after highlighting the āeā in strange, it will being UNHIGHLIGHTING starting from the righthand side of the selection! e. Then it will highlight left as far as the āsā. f. Then it will start UNHIGHLIGHTING from the right again! g. Then highlighting the space to the left h. Then UNHIGHLIGHTING the space to the left! i. Then highlighting to the left as far as the beginning of the line j. Then UNHIGHLIGHTING from the right side of the selection! Pressing Shift+Left and Shift+Right should always modify only one end of the selection, and the other end should always remain where the selection was started. This is how Windows Notepad and virtually all other applications behave.