Below is my steps to find this issue: 1. Open the browser with IE 10 mode or genuine IE10. 2. Create a table with Editor. 3. Right click the table and then select table properties. Then click Table Layouts tab and select a style. 4. Click OK, the style can be kept this moment in Design tab. 5. Click HTML tab and find the CSS details are missing and click Design tab again, the style cannot be kept. 6. There is no reproduces with chrome or IE 11. 7. I also test this case from your ow site https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx A video repro is also attached
The browser becomes not responding when pasting content with a lot of span elements in IE11 in RadEditor Design view. You can reproduce it in the following demo: http://demos.telerik.com/aspnet-ajax/editor/examples/workingwithlargecontent/defaultcs.aspx
A JavaScript error is thrown when a hidden AccessibleRadEditor is loaded in IE 10. The error message is: "SCRIPT5007: Unable to get property 'get_element' of undefined or null reference " Code to reproduce the issue: <asp:Button ID="btn1" runat="server" Text="Show Editor" OnClientClick="showEditor(); return false" /> <div id="div1" style="display: none"> <telerik:AccessibleRadEditor ID="AccessibleRadEditor1" runat="server" ></telerik:AccessibleRadEditor> </div> <script> function showEditor() { $telerik.$("#div1").show(); } </script>
I have an issue when I line break in RADEditor but it keeps going to the bottom of the line in Internet Explorer v11. Please note that the issue is reproducible on Telerik Demo site. Steps to reproduce the issue: Copy and paste the following content in HTML mode Some content <br /> <br /> Put the cursor in the beginning of this line, press Backspace and after that Enter <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Switch to Design panel Press Backspace twice in front of the text "Put the cursor in the beginning of this line, press Backspace and after that Enter" Press Enter Result The content jump to the bottom of the line See the attached video for more information.
If the table is not part of the visible part of the content area and you have to scroll to see it, then the X select table button does not appear (its display="none" property does not get updated). So technically the span element is available in the DOM but hidden:
When a textbox element is disabled in the content area under Chrome and Edge Chromium, the editor loses cursor and its toolbar/commands stop working.
Steps to repro:
test <textarea disabled="disabled">Text Box</textarea> test
Such tools exist in Word 2013 - 'Show Markup' and 'Display for Review' tools. They are used by the users to be able to see the originally typed text, the final results (as if the track changes were accepted) and some further options for the visual appearance of the tracked text. Such option would be very useful in the RadEditor, because in a large text where multiple users would add their suggestion, redaction and comments, the text would go quite unordered and difficult to be handled with.
You can get the same behavior that all other browsers get - focus being after the table. This is done easily by clearing out the following function logic (make sure the script is after the script manager): <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function () { } </script> You can also try the following version of the function that attempts to fix the selection collapse after the DOM changed: <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function (layoutBuilderEngine) { if ($telerik.isIE9Mode) { var arStateIndexes = layoutBuilderEngine._getLeftTopStateIndexes(layoutBuilderEngine._selectedRowIndex, layoutBuilderEngine._selectedCell.cellIndex); var stateRow = arStateIndexes["rowIndex"]; var nextCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow + 1, 0); var prevCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow - 1, 0); var newSelectedCell = nextCell || prevCell; if (newSelectedCell) { var editorSelection = this.get_editor().getSelection(); setTimeout(function () { try {//the DOM change is likely to cause errors after the fixes, hence the try-catch, the timeout is to let the DOM get changed before tampering with the selection if ($telerik.$(newSelectedCell).is(':visible')) {//for deleting footer cells editorSelection.selectElement(newSelectedCell); editorSelection.moveToElementText(newSelectedCell);//to properly move focus editorSelection.collapse(true); } } catch (ex) { } }); } } } </script> Considering the drawbacks of fixing IE code that is also inconsistent with other browsers, it is possible that the final fix will be to remove the function and have the same behavior as in other browsers.
In MS Word, if the entire list item is selected, changing the font-size will change the character's formatting too. While selecting only a text node (e.g., without highlighting) will not apply formatting to the list item. In the RadEditor there is no option to somehow control the size of the bullet points. The only way is the user to switch to HTML mode and manually add font-size attribute in the <li> element. It would be nice if there is a possibility to change the formatting similar to the editing experience in MS Word.
In order to replace the image we use the 'pasteHtml()' API method (http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/methods/pastehtml). Unfortunately, we have faced the issue in the latest version of Telerik RadEditor (2016.3.1027.45). If parent 'div' has "float:left" style settings, the 'pasteHtml()' API method inserts a new image beyond the parent 'div' element. The issue is reproducible in IE11, and it is not reproducible on in the FF and Chrome, Edge and IE10. Steps to reproduce: 1. Open the demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Switch to the 'HTML' mode of the RTE and replace all existing HTML content with the following HTML snippet: *** <div style="float: left;"> <img alt="" style="margin: 0px 30px 30px 0px; width: 200px; float: left;" src="../../images/top_image.png" /> </div> *** 3. Switch to the 'Design' mode of the RTE and click once on the image; 4. Open the browser console (F12) and execute the following API code in the console: $telerik.radControls[11].pasteHtml('<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />') Actual Result: A new image is inserted beyond the parent 'div' element. *** <div style="float: left;"> </div> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" /> *** Expected result: A new image is inserted into the parent 'div' element. *** <div style="float: left;"> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" /> </div> *** Here is the screencast: http://screencast.com/t/PQOQeKsvViRK
Another post appears as "Provide ability to paste/insert images from clipboard/local drive directly into RadEditor" and talks about similar but to date a facility does not exis as I envisage. When I work with for example a web mail facility like Yahoo Mail I am using an editor like RadEditor to create my email. When I say I want to attach a file this editor assumes that the file will come from my local drive (rather than a Yahoo server). This is what I would like to see as an option for Radeditor image handling - something like a button that says "upload". Clicking on it takes you to a dialogue to simply upload from local into the document. I appreciate that uploading from local can be done with existing Radeditor Image manager but this also offers access to server space that in the case of e.g. web mail is irrelevant and confusing. In an ideal world I would also like the uploaded document to be automatically associated with the document (email) that it has been loaded into although that can of course be handled manually.
Add a property for setting the default mode of RadEditor (Design, HTML, Previw). Currently this could be obtained using the approach in the following help article: http://www.telerik.com/help/aspnet-ajax/editor-set-mode.html
When RadEditor's ContentAreaMode is Div the entire page is printed instead of just the content. Possible solution is changing the mode to Iframe as it is by default.