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. Steps to reproduce: Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in MS Edge.On the editor select the html and delete everything. On the editor select design Open any Excel file copy a couple of cells Paste in the Editor On the editor select html Instead if html the there is an image tag <img alt="" src="data:image/png;base64,iVBOR ... YII=" /> With firefox, IE 11 and Chrome the html is pasted. For MS Edge the Image tag is pasted. Workaround: <telerik:RadEditor runat="server" ID="RadEditor"></telerik:RadEditor> <script> Telerik.Web.UI.Editor.Utils.containsHtmlAtClipboard = function(oEvent) { var result = oEvent && oEvent.clipboardData && oEvent.clipboardData.getData && oEvent.clipboardData.types && oEvent.clipboardData.types.length && Telerik.Web.UI.Editor.Utils.containsElement(/text\//i, oEvent.clipboardData.types); return result; } </script>
The empty new lines from RTF are imported as empty paragraphs in the editor and not rendered, i.e. <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> They should be rendered, because in other case this breaks the layout of the inserted document.
The context menu for IMG and Table element immediately hides when shown on Mac Firefox. Load this demo http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx on Firefox Mac OS and right click in a table cell or image. You'll see how the menu pops up and immediately closes. Video reproduction -> http://www.screencast.com/t/osHP96eQOa7
Due to that behavior the Editor control appears to change the actual content of the user, which is considered as a faulty behavior.
When a parent control is disabled by setting Enabled to false, all children controls should inherit the behavior and act as disabled. RadEditor does not follow this logic and stays enabled.
The exact steps to reproduce are: 1. Use RadEditor in http://localdemos.telerik.com/aspnet-ajax-dev/editor/examples/overview/defaultcs.aspx 2. Add this HTML: <p>start</p> <p> </p> <p>end</p> 3. Go to Design; 4. Select from the empty paragraph (<p> </p>) to the end of text (<p>end</p>); 5. Copy via Ctrl+C; 6. Try to paste at the end of the "end" paragraph.
When there are words highlighted as wrong and triggering the Finish Spellchecking without correcting any words, subsequent editing of words inside the sentence causes random cursor replacement. Workaround: <telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad"> <Content>Whether you need a mere Textbox with Google-like spellchecker, or a Word-like content authoring environment, the result is the same: clean <strong>XHTML</strong></Content> </telerik:RadEditor> <script> function OnClientLoad(sender, args) { sender.add_spellCheckLoaded(spellCheckLoaded) } function spellCheckLoaded(sender) { var editor = sender; var spell = editor.get_ajaxSpellCheck(); spell.add_spellCheckEnd(function (sender, args) { editor.set_html(editor.get_html(true)); }); } </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
The height is bigger than the viewport. If there are toolbars docked at the left or right, the right toolbar is hidden due to larger width. You can fix a bit the width by using this code: <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight" OnClientCommandExecuted="OnClientCommandExecuted"> <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="AjaxSpellCheck" /> </telerik:EditorToolGroup> <telerik:EditorToolGroup dockingzone="Left"> <telerik:EditorTool Name="AjaxSpellCheck" /> </telerik:EditorToolGroup> <telerik:EditorToolGroup dockingzone="Right"> <telerik:EditorTool Name="ToggleScreenMode"></telerik:EditorTool> </telerik:EditorToolGroup> </Tools> </telerik:RadEditor> <script> function OnClientCommandExecuted(editor, args) { if (args.get_commandName() === "ToggleScreenMode" && editor.isFullScreen()) { var editorId = editor.get_id(); var editorElm = editor.get_element(); var leftToolbar = $telerik.$(editorElm).find("#" + editorId + "Left.reToolBarWrapper"); var rightToolbar = $telerik.$(editorElm).find("#" + editorId + "Right.reToolBarWrapper"); var widthExcess = leftToolbar.width() + rightToolbar.width(); if (widthExcess) { editorElm.style.width = (parseInt(editorElm.style.width) - widthExcess) + "px"; } } } </script>
This matter causes incorrect user interaction with the built-in tools. Due to the complexity of the IE11 changes of the selection object, with which the RadEditor control interacts to preserve the correct range the only possible resolution is adding a meta tag in the head element of the page to force the IE10 compatibility mode of the browser: <meta http-equiv="X-UA-Compatible" content="IE=10">
Programmatically added EditorToolGroup to the RadEditor's Ribbonbar is not displayed when the control is localized in Lightweight rendering.
This issue can be reproduced when there is some initial HTML content entered that cause scroll to appear. Next, adding some new lines and having a mechanism to call the get_html(true) method would scroll the content area to a random position and cause flickering.
Having some text and input inside: Highlight it in order to copy and paste leads and the content area will scroll to the top of the content area. Also, you cannot highlight the input in order to copy and paste it.
RadEditor in Fullscreen mode appears cut off at the right and at the bottom. In order to fix that, you can add this CSS rule to the page: <style> .RadEditor.reFullScreen { box-sizing:border-box; } </style> <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Lightweight"> </telerik:RadEditor>
Hi, There is a bug with the "Play" parameter while I insert a SWF movie. If I uncheck this parameter, the movie still play in Chrome/Mozilla. This bug is from this parameter that isn't added in the Embed tag although it is in the object tag. Example : <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150"> <param name="Movie" value="/aspnet-ajax/Editor/images/UserDir/Marketing/Reporting_banner.swf"> <param name="play" value="false"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="loop" value="false"> <param name="menu" value="false"><embed src="/aspnet-ajax/Editor/images/UserDir/Marketing/Reporting_banner.swf" width="150" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="transparent" loop="false" menu="false"></object> Thanks a lot Chris.
Pasting complex lists from MS Word are not properly translated to HTML list nesting. Often, the sub lists are mixed up with their parent lists.
We've noticed that when editing an Image Map on an image, the <map> tag will always be placed at the end of the HTML. While this not a problem in general, as most Browsers seem able to understand it, it can break the Image Map if such HTML is viewed in Outlook 2005-2010 under certain conditions:
Steps to reproduce, using the Rad Editor demo:
* create a table with 1 column, and 3 rows.
* Insert an image into the middle row
* Right Click Image -> Image Map Editor -> Add a couple of hot areas
* Close Image Map Editor
The editor will generate HTML from this, that has the <IMG> tag properly placed in the middle row column, but the associated <MAP> tag placed AFTER the closing </TABLE>. This will break the image map in Outlook, because it apparently requires the <map> to be in the same block or inline element as the associated <img>.
Is there a way to make the editor always place the <map> tag immediately after the <img> it belongs to, instead if placing it at the end of the current HTML?
When RadEditor is configured with RenderMode="Auto", it renders fine on a mobile, but the Find and Replace throws a JavaScript error: Uncaught Error: Sys.ArgumentNullException: Dialog Parameters for the FindAndReplace dialog do not exist Parameter name: dialogName at Function.Error$create [as create] (ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:237) at Function.Error$argumentNull [as argumentNull] (ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:279) at b.RadDialogOpener._getDialogDefinition (ScriptResource.axd?d=CcXTXAXm_2uXk6i-z8e-9-GUON7JgJld7fON2waeoUCDG-568SfljYE0OxAYq5S_l1j5QbPdt7yR5Ji7ARrlqe9xsoWPpTVgVVnsC2r0rN-hCMOIKe3sXa-glZDwstuHDCKnEGv03WuBZg3A1mEmGb3cZzVnLPok8zmI9TSFWuc1&t=6e6e42a6:199) at b.RadDialogOpener.open (ScriptResource.axd?d=CcXTXAXm_2uXk6i-z8e-9-GUON7JgJld7fON2waeoUCDG-568SfljYE0OxAYq5S_l1j5QbPdt7yR5Ji7ARrlqe9xsoWPpTVgVVnsC2r0rN-hCMOIKe3sXa-glZDwstuHDCKnEGv03WuBZg3A1mEmGb3cZzVnLPok8zmI9TSFWuc1&t=6e6e42a6:65) at c.RadEditor.showDialog (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:8753) at Telerik.Web.UI.Editor.CommandList.FindAndReplace (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:5051) at c.RadEditor.fire (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:9266) at c.RadEditor._onToolClick (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:8619) at Array.<anonymous> (ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:47) at ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:3484 Render mode configuration in the web.config <add key="Telerik.Web.UI.RenderMode" value="Auto" /> It seems, code is looking for FindAndReplace key in this._dialogDefinitions, but it's not there. However, the key FindAndReplaceSettings is there.
The resize handle of the Editor is not visible if only only edit mode is active (e.g. Design mode). Steps to reproduce: 1. Run an Editor with the following configuration: <telerik:RadEditor ID="RadEditor1" runat="server" EditModes="Design" ></telerik:RadEditor> Result: The whole module row is not visible, including the resize handle.