While the RadEditor is able to now be used on Mobile devices more easily, the crux of the WYSIWYG for us is that when creating either HTML for web or emails, the HTML that is generated from the RadEditor doesn't always generate the code that follows or renders correctly on mobile devices. Ideally, the respective HTML that is generated is correctly output in Mobile Responsive format for all mobile devices.
When resizing images in RadEditor design mode using the corner-handles the image should retain its aspect ratio. This works very good in Firefox (v. 41.0.2) out-of-the-box because the browser implements that functionality but not in IE (v. 11.0) or Chrome (46.0) in Windows 8.1 (v 6.3, build 9600).
End-users cannot clear class or apply class of block elements (i.e., <p>, <div>, <h1>, etc.,) when a class name already exists.
Using the desktop MS Word, pasting is fine. Using the Online version, the HTML gets messed up with plenty of unneeded DOM attributes and additional elements. It would be best if pasting provides a cleaner HTML as it is when pasting form the desktop MS Word.
When we use the context menu on a table to insert a new row (above or below) if the table uses css class layout, the new line is the same one in which we click with the right mouse button to open the context menu. So my suggest is re-apply the css class layout automatically after inserting a new row or column. I believe in using OnClientCommandExecuted event, and his call for the same function as applied css class layout for the first time. In the Annex there is a sequence of screen shots illustrating the situation
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Currently, TabStrip cannot be focused because it's missing AccessKey. All elements in the dialog should be accessible.
Workaround: Set Lightweight for RadMenu in web.config: <add key="Telerik.Web.UI.Menu.RenderMode" value="lightweight" />
The following error is thrown when RadEditor is set in Inline mode with Material skin: TypeError: view.modesRowContainer(...) is undefined Workaround: Sys.Application.add_load(function () { var EditorLightweightView = Telerik.Web.UI.Editor.LightweightView; EditorLightweightView.prototype.modesRowContainerOriginal = EditorLightweightView.prototype.modesRowContainer; EditorLightweightView.prototype.modesRowContainer = function () { return this.modesRowContainerOriginal() || {}; } });
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>
<telerik:RadEditor ID="RadEditor3" runat="server" EditModes="Design" OnClientLoad="OnClientLoad" RenderMode="Lightweight"> <Modules> <telerik:EditorModule Name="RadEditorStatistics" Visible="true" Enabled="true"/> </Modules> </telerik:RadEditor>
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>
Right now if copy multiple table rows and paste them into an existing table they create a new table in that table. We would like the ability to copy rows from a table and paste them into the same table or a new table with the same number of columns and have the new rows pasted without the creation of a nested table.
Steps to reproduce: 1. Write a couple of words: one two three 2. Select the second word two without the spaces around it and delete it 3. You'll see a single space between one and three in Design mode, while they are actually two in HTML mode.
How to replicate the issue 1. Using the attached document, TestSample1.docx, copy and paste the content into the RADEditor and choose to remove Word Format. 2. Observe the styling and the format of the pasted content in the editor. You will notice that the table will not appear properly and the font styling and size and all remove instead of converted. 1. Using the attached document, TestSample2.docx, copy and paste the content into the RADEditor and choose to remove Word Format. 2. Observe the styling and format of the pasted content in the editor. In this case, you will notice that the table is intact and font styling and size are converted to HTML format. The difference between the TestSample1.docx and TestSample2.docx is one has numbering in Heading. The numbering appears to have affected the result of pasted content from MS Words. The expected behaviour would be the same as the test result from TestSample2.
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
Hi, Several of my clients has requested along the years for a way to insert Descriptions just beneth/under a image in the Editor, i have had to move to CKEditor in some cases and thought i would just give it a try and post this as a feature request. A demo of this can be seen here, http://ckeditor.com/ Think what they do is insert a Div under the image object that contains a Description. Really hoping to see this in the future as i would like to keep third party plugins to a minimum. Christian
Editing the RadEditor's Tools file is rather cumbersome and error prone. Thus, please provide an XML-Schema file that can be downloaded from the Telerik website and added to the corresponding Tools XML file header, so Visual Studio and other integrated IDEs can provide IntelliSense and error checking.