When you use the ApplyClass command to set CSS classes to selections in a paragraph element in the content of RadEditor, the CSS class is applied to the whole paragraph.
When a partially copied table is pasted into the Editor in Chrome, it is pasted wrapped in the folloing div, making it not visible: <div class="telerik_paste_container" style="border-width: 0px; position: absolute; overflow: hidden; margin: 0px; padding: 0px; left: 3px; top: 215px; width: 1px; height: 1px;"> ... </div> Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Clear the contents of the editor 3. Insert a table (any configuration of rows and columns) 4. Go to a new line 5. Type a word on the new line 6. Select the word and a partial amount of the inserted table 7. Copy 8. Paste 9. Navigate to the HTML browser of the editor 10. Observe the "telerik_paste_container" still wrapping the pasted content Workaround: <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <script type="text/javascript"> var editorPrototype = Telerik.Web.UI.RadEditor.prototype; var onAfterPaste = editorPrototype._onAfterPaste; editorPrototype._onAfterPaste = function (range, tmpPasteContainer) { try { onAfterPaste.call(this, range, tmpPasteContainer); } catch (e) { } $telerik.$(this.get_contentArea()).find(".telerik_paste_container").remove(); }; </script>
When trying to insert list in a table, the list is inserted outside the td tag. Switching between Html and Design tag causes the list to be removed from the table.
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
runat
=
"server"
ID
=
"RadEditor1"
ToolbarMode
=
"Floating"
></
telerik:RadEditor
>
<
telerik:RadEditor
runat
=
"server"
ID
=
"RadEditor2"
ToolProviderID
=
"RadEditor1"
ToolbarMode
=
"Floating"
></
telerik:RadEditor
>
<
telerik:RadEditor
runat
=
"server"
ID
=
"RadEditor3"
ToolProviderID
=
"RadEditor1"
ToolbarMode
=
"Floating"
> </
telerik:RadEditor
>
Adding the following link should not change the URL: http://test.com?a=bc%3do
Repro steps: open Edge 41 (creator's update brings it) start an editor, e.g.: <telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor> type "ab" press enter type "cd" Actual: the second paragraph contains only "d" Expected: the second paragraph contains "cd"
When there are empty lines at the top of the content and text is pasted at the first line, it appears after the empty rows not where the cursor position is. Steps to reproduce: 1. Go to http://demos.telerik.com/aspnet-ajax/controls/examples/integration/ribbonbarandeditor/defaultcs.aspx?product=editor 2. Put focus in the editor before any of the existing content. 3. Press enter several times to insert blank lines at the top of the content. 4. Paste some text at the first line. Expected: The pasted text is inserted at the first line of the content area. Actual: The pasted text is placed after the empty lines.
The issue is related to the insert select functionality and is reproduced with .NET35. The workaround is to disable the selection by putting the following script below the RadEditor: <script type="text/javascript"> Telerik.Web.UI.RadEditor.prototype._addHandlersForSelectTags = function () { } </script>
If a TabStrip with two editors is configured, the editor in the first tab is working correctly, but if the second is shown - its toolbar is not working as expected. Possible resolution is to insert a meta tag in the head element of the main page, which sets the rendering engine of IE10: <meta http-equiv="x-ua-compatible" content="IE=10" /> Another possible resolution is to call the onParentNodeChanged() method after the tab is selected: <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" MultiPageID="RadMultiPage1" OnClientTabSelected="OnClientTabSelected"> <Tabs> <telerik:RadTab runat="server" PageViewID="RadPageView1" Selected="True" Text="Root RadTab1"> </telerik:RadTab> <telerik:RadTab runat="server" PageViewID="RadPageView2" Text="Root RadTab2"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage ID="RadMultiPage1" runat="server"> <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%" Selected="True"> <telerik:RadEditor ID="RadEditor1" runat="server"> <Content> Content Page 1 </Content> <TrackChangesSettings CanAcceptTrackChanges="False" /> </telerik:RadEditor> </telerik:RadPageView> <telerik:RadPageView ID="RadPageView2" runat="server" Width="100%"> <telerik:RadEditor ID="RadEditor2" runat="server"> <Content> Content Page 2 </Content> <TrackChangesSettings CanAcceptTrackChanges="False" /> </telerik:RadEditor> </telerik:RadPageView> </telerik:RadMultiPage> <script type="text/javascript"> function OnClientTabSelected(sender, args) { var tabIndex = args.get_tab().get_index(); if (tabIndex === 1) { var editor = $find("<%= RadEditor2.ClientID %>"); editor.onParentNodeChanged(); } } </script>
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.
Can be reproduced with the code below: <telerik:RadEditor runat="server" ID="RadEditor1" > <Content> Here is sample content! </Content> </telerik:RadEditor> <input type="button" value="Set Focus On RadEditor" onclick="SetFocusOnRadEditor(); return false;" /> <script type="text/javascript"> function SetFocusOnRadEditor() { var editor = $find("<%=RadEditor1.ClientID%>"); //get a reference to RadEditor client object editor.setFocus(); //set the focus on the the editor } </script> The problem is not reproducible when the ContentAreaMode is set to DIV or in the other browsers. Workaround <telerik:RadEditor runat="server" ID="RadEditor1"> <Content> Here is sample content! </Content> </telerik:RadEditor> <button type="button" onclick="SetFocusOnRadEditor()">Focuse On RadEditor</button> <script type="text/javascript"> function SetFocusOnRadEditor() { var editor = $find("<%=RadEditor1.ClientID%>"); if ($telerik.isChrome) { var iframe = editor.get_contentAreaElement(); iframe.contentWindow.document.body.focus(); } else { editor.setFocus(); } } </script>
Dispose a RadEditor with AJAX (ASP UpdatePanel, RadAjaxpanel, RadAjaxManager) and if you attempt to show a floating toolbar (i.e. all ToolbarMode options except Default and RibbonBar) a JS error is thrown. There are two workarounds: 1) use ASP UpdatePanel with ChildrenAsTriggers=false and updateMode=Conditional 2) override several RadWindow methods to prevent the error (these scripts must be placed just before the closing </form> tag): <script type="text/javascript"> Telerik.Web.UI.RadWindow.prototype._moveElementToShowOutOfView = function () { if (this.view) this.view.moveOutOfSight(); } Telerik.Web.UI.RadWindow.prototype.setVisible = function (toShow) { if (this.view) { if (toShow) this.view.show(); else this.view.hide(); } } </script>
ImageManager loses the selection after an image has been edited into the ImageEditor and saved with new file name. video: http://screencast.com/t/rZIp4iioehE
Instructions: In IE11 when we select an image and change from Design to HTML mode or try to apply any paragraph style to it, the browser gets unresponsive. To get a better understanding, please refer to the following videos: http://screencast.com/t/xufHlK0bew http://screencast.com/t/YcVcqygVY7GE Demo page: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Default