A proper workaround for this problem is applying this CSS rule: div.RadEditor .RadRibbonBar .rrbButton img.rrbButtonImage { top:-7px; }
An additional <br /> element is inserted in the editor when the following steps are executed: 1. Make sure ConvertToXhtml filter is turned on. 2. Switch the editor in HTML mode 3. Set the HTML bellow: <div class="line1">first line of text</div> <div class="line2">lastlineoftext</div> 4. Switch back to Design mode. 5. View the HTML using Module Manager - Real Time HTML Viewer Expected HTML: <div class="line1">first line of text</div> <div class="line2">lastlineoftext</div> Actual HTML: <div class="line1">first line of text</div> <div class="line2">lastlineoftext</div><br> Currently the <br> element cannot be removed from the HTML code of the content. This element exists by design and it is inserted in the editable iframe by the browser. The <br> element is used as a non-breaking line, which means that the following row can be selected and characters can be typed in it. If such element does not exist, the users will be unable to select the first row of the content area and start typing. The ConvertToXhtml filter actually removes this element when switched to HTML mode and retrieves it back as a last child of the <body> element, due to the above mentioned reasons. If you have issues with the retrieved content via the get_html() method, note that stripped content is returned when the method is used with an argument value "true". editor.get_html(true) - returns the HTML content, stripped by the set filters. editor.get_html(false) or editor.get_html() - returns the raw HTML content as it is currently. The same as the editor.get_contentArea().innerHTML property. WORKAROUND: Disable ConvertToXhtml filter in codebehind: RadEditor1.DisableFilter(EditorFilters.ConvertToXhtml);
<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>
Finding is stuck to the last possible occurrence and cannot proceed to the next match.
The changes applied to a newly uploaded image through the ImageEditor are not taken into account when inserting the image in RadEditor. The issue is reproducible in all browsers. video: http://screencast.com/t/Uz4BAr9Lj
When copying text using the keyboard, the content is not copied. Instead is is marked as deleted and the selection is moved to the end of the selection.
The formatting of nested lists is lost when pasting from Word in IE10. The issue is reproducible also in IE8 and I9.
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.
For example: If this is the HTML in the editor <p><span style="font-size: 11pt; font-family: 'Times New Roman';">Test Test Test<br /></p> selecting only a part of the element and clicking Strip Formatting will not remove formatting Another example: When in a list, individual items cannot be cleared of formatting, e.g.: <ul> <li><strong>bold</strong></li> <li><span style="text-decoration: underline;">underline</span></li> <li><em>italics</em></li> <li><strong><em><span style="text-decoration: underline;">bold underline italics</span></em></strong></li> <li><strong><em><span style="text-decoration: underline;">Underline, Bold, Italics</span></em></strong></li> <li><strong><em><span style="text-decoration: underline;">Italics, Bold Underline</span></em></strong></li> </ul> selecting (a part of) a li element and clicking Strip Formatting will not remove the formatting.
<telerik:RadEditor ID="RadEditor3" runat="server" EditModes="Design" OnClientLoad="OnClientLoad" RenderMode="Lightweight"> <Modules> <telerik:EditorModule Name="RadEditorStatistics" Visible="true" Enabled="true"/> </Modules> </telerik:RadEditor>
Possible option is to use the ToolsFile property from the code behind in order to configure a ToolsFile.xml file. RadEditor1.ToolsFile = "~/ToolsFile.xml";
The following code snippet can be used for modifying the inserted table by the dialog until this is implemented: <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <script type="text/javascript"> var commandList = Telerik.Web.UI.Editor.CommandList; var replaceTable = commandList._replaceTable; commandList._replaceTable = function (table, editor, args) { var insertedTable = args.tableToModify; //The new table created by TableWizard dialog which will be inserted //Here the inserted table could be modified insertedTable.style.backgroundColor = "red"; var oldTable = table; // The table which will be replaced if exists replaceTable.call(this, table, editor, args); }; </script>
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 1. Delete the content and type some text 2. Insert a horizontal rule 3. Once you click at the typed text you cannot go to the next line in IE, additional text cannot be inserted in FF, in Chrome when you try to type some text it is inserted at the first line
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.
http://localdemos.telerik.com/aspnet-ajax-fixes/editor/examples/trackchanges/defaultcs.aspx Paste some content in the Editor Expected: The pasted content is displayed and tracked Actual: Nothing is pasted Workaround: <telerik:RadEditor ID="RadEditor1" runat="server" EnableTrackChanges="true"> <Content> <p>test</p> <p>test</p> </Content> </telerik:RadEditor> <script type="text/javascript"> if (Telerik.Web.Browser.edge) { var editorPrototype = Telerik.Web.UI.RadEditor.prototype; var origKeydownHandler = editorPrototype._onKeyDown; editorPrototype._onKeyDown = function (ev) { var shortCut = this.get_shortCutManager().isShortCutHit(ev); if (!shortCut || shortCut.get_name() != "Paste") { origKeydownHandler.call(this, ev); } } } </script>
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.
If a list is pasted into the editor's content. Its removal does not remove all the imported HTML content. Some SPAN elements are left intact. This is causing incorrect behavior for further text editing.
The Advanced Mode (embed code) textbox in the Insert External Video dialog is always readonly and you cannot put the code in it. In the meantime you can use the following workaround that will access the textbox and remove the readonly attribute: <telerik:RadEditor ID="RadEditor1" runat="server" OnClientCommandExecuted="OnClientCommandExecuted"> <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="InsertExternalVideo" /> </telerik:EditorToolGroup> </Tools> </telerik:RadEditor> <script type="text/javascript"> function OnClientCommandExecuted(sender, args) { if (args.get_commandName() == "InsertExternalVideo") { var extVideoDialog = sender.get_dialogOpener()._dialogContainers["InsertExternalVideo"]; if(extVideoDialog){ extVideoDialog.add_pageLoad(editTextbox); } } } function editTextbox(sender, args) { sender.get_contentFrame().contentWindow.document.getElementById("embedCode").removeAttribute("readonly"); sender.remove_pageLoad(editTextbox); } </script>
Currently, the font family will not be passed to the Editor content. It's reproducible when loading tools from xml file. Possible workaround is to use ContentAreaCssFile to set such style or on the OnClientLoad event: <script> function OnClientLoad(sender, args) { sender.get_contentArea().style["font-family"] = "Arial, Verdana, Tahoma"; } </script>