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.
In Firefox, 38.0.1, some text inputs cannot be typed into. They can be focused and the cursor appears to be in the input, but you cannot type.
When having a video object added via the Media Manager, switching from Design to HTML couple of times results to multiple param tags duplicated.
Workaround: Set Lightweight for RadMenu in web.config: <add key="Telerik.Web.UI.Menu.RenderMode" value="lightweight" />
The table wizard dialog of RadEditor does not function properly when there is a table having more than 500 columns.
Video: http://somup.com/crXlln0eIi
FIX: The toolbar commands don't fire when the editor is in iframe and has hidden parent in IE11. The content area is disabled too.
Video: https://www.screencast.com/t/rzmzuZ0UFa
Steps to reproduce:
1. Open in IE 11: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Insert a video through the Media Manager
3. Click over a tool having a drop-down menu (e.g. the Format tool)
Result: The heavy-weight object of the video is shown above the shown drop-down menu.
Create a new word file and insert an empty table with a few cells in it. Go to Import and Export to DOCX and import the Word document. Click on a cell and the cursor will go into the next one on its right side. Here is the generated content from the imported table: <table class="TelerikTableNormal TelerikTableGrid" style="width: 0px;"> <colgroup><col /><col /><col /><col /></colgroup> <tbody> <tr> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"></p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> </tr> <tr> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> </tr> <tr> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> </tr> <tr> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid"> <p class="TelerikNormal"> </p> </td> </tr> </tbody> </table> <p class="TelerikNormal"> </p> The problem is related to the empty paragraph elements: <p class="TelerikNormal"></p>. If there is some content or an empty space <p class="TelerikNormal"> </p> the problem is not reproducible.
To replicate this (as it is rather difficult to explain) go to http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Click on the HTML tab and replace all the content with: <div> <div> <div style="width: 100%;">foo bar </div> </div> </div> Click back on the Design tab and click at then end of the first line. When you press enter, the new line will be filled with non breaking spaces equal to the amount the inner-most div was indented.
When two RadEditors with different TrackChanges mode are defined on the page, a JavaScript error is thrown when inserting a list. The issue is reproducible only when the firstly declared RadEditor has EnabledTrackChanges set to false (the default value), while the second one has EnabledTrackChanges set to false. Temporary workarounds: Variant 1: Declare the not tracked RadEditors after the tracked ones, so there scripts will be loaded properly. Variant2: Set the EnabledTrackChanges of all RadEditors on the page to true. Steps to reproduce 1. Run the following code: <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <telerik:RadEditor ID="HiddenRadEditor" runat="server" EnableTrackChanges="true"> </telerik:RadEditor> 2. Write something and press Enter 3. Click on the "Unordered List" tool Result: A JavaScript error is thrown
According to the WAI-ARIA specification, the Shift+Tab in Rich Text Box should focus the toolbar if the cursor is in the content area.As a side effect the Tab functionality get executed instead of Shift+Tab. The behavior is correct in FF and IE, but not in Chrome Possible workaround is overriding the InsertShiftTab command with this function: <telerik:RadEditor runat="server" ID="RadEditor1"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.CommandList.InsertShiftTab = function (commandName, editor, oTool) { var oParent = editor.getSelectedElement(); if (typeof (oParent.tagName) == "undefined") oParent = oParent.parentNode; var tdNode = Telerik.Web.UI.Editor.Utils.getElementParentByTag(oParent, "TD"); if (tdNode) { Telerik.Web.UI.Editor.Utils.MoveToPreviousCell(tdNode, editor); } else { setTimeout(function () { var toolsArray = editor.get_toolAdapter().get_tools(); var lastTool = toolsArray[toolsArray.length - 1].get_element(); if (document.activeElement !== lastTool) { lastTool.focus(); } }, 0); } return false; }; </script>
The problem is reproducible when the selected element has a CSS property applied that enables the hasLayout feature of the element under IE. When an anchor hasLayout we cannot properly select it. The hyperlink manager shows the text, but modifying it is not carried to the actual markup. CSS properties that trigger hasLayout in IE: CSS property Value display inline-block height any value float left or right position absolute width any value -ms-writing-mode tb-rl zoom any value
When a document is deleted from the DocumentManager, its selection remains and it could be inserted into the Editor. video: http://screencast.com/t/LXU1pVkLd
Create a page as below and assign a limited toolset to each editor in the code behind: <telerik:RadEditor ID="RadEditor1" Skin="Default" ContentAreaMode="Div" runat="server" Width="265px" Height="120px" ToolsWidth="265px"> <Content><p>A Word</p> </Content> </telerik:RadEditor> <telerik:RadEditor ID="RadEditor2" Skin="Default" ContentAreaMode="Div" runat="server" Width="265px" Height="120px" ToolsWidth="265px"> <Content><p>A Word</p> </Content> </telerik:RadEditor> [Continue with this until ...] <telerik:RadEditor ID="RadEditor10" Skin="Default" ContentAreaMode="Div" runat="server" Width="265px" Height="120px" ToolsWidth="265px"> <Content><p>A Word</p> </Content> </telerik:RadEditor> Now display this page and right click for the top editor's Context Sensitive popup menu. Now scroll down to the bottom menu and right click for that menu's context sensitive menu. My experience is that this will erroneously produce the popup at the top of the browser. This is the most extreme example of a general behaviour where the vertical placement of popups is typically off the mark when working with multiple editors and ContentAreaMode="Div". Get rid of the ContentAreaMode="Div" and the problem disappears.