ImageManager's layout is broken in Bootstrap in Lightweight: https://www.screencast.com/t/Sdu2XbqVh11b Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Bootstrap 2. Open the ImageManager dialog
Steps to Reproduce: 1. Insert a table and add some data to the table in Chrome 2. Above the Table, insert some text 3. Highlight the text and drag cursor to highlight half of the data in the table 4. Hit Delete on your keyboard Result: The colgroup is removed from the table
Position the cursor between the words SharePoint and Whether in the first paragraph and add a line break, after that press Backspace and you'll see that the new line does not disappear. Adding new sections between existing paragraphs or after the last paragraph seems to work fine, but if you have to break up an existing paragraph into two paragraphs and then want to turn it back into one you won't be able to. https://www.screencast.com/t/NAniQ50c2UU9
I have a RadEditor that is rendered in mobile mode on a mobile device emulator in Chrome browser. For this editor, I have subscribed to OnClientCommandExecuted event. The event fires, but the problem is that it fires twice for ToggleScreenMode command. To reproduce this issue, you can use the page code below and render it in Chrome mobile emulator; then press on edit pencil button followed by clicking the check button. <%@ Page https://goo.gl/ddHuHyLanguage="C#" AutoEventWireup="true" %> <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Command event firing twice for ToggleScreenMode in Mobile Render Mode</title> <meta name="viewport" content="width=device-width,intial-scale=1.0, maximum-scale= 1.0,,user-scalable=no"/> </head> <body> <form id="form1" runat="server"> <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> <Scripts> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference> <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference> </Scripts> </telerik:RadScriptManager> <div> <telerik:RadEditor ID="RadEditor1" runat="server" AutoResizeHeight="True" RenderMode="Auto" OnClientCommandExecuted="CommandExecuted" Width="99%"> </telerik:RadEditor> </div> <script> function CommandExecuted(sender, args) { if (args.get_commandName() === "ToggleScreenMode" && (typeof sender.isFullScreen() === "undefined" || sender.isFullScreen() === false)) { alert("Command Executed Fired for ToggleScreenMode"); } } </script> </form> </body> </html> Workaround: <telerik:RadEditor ID="RadEditor1" runat="server" AutoResizeHeight="True" RenderMode="Auto" OnClientCommandExecuted="CommandExecuted" Width="99%"> <Content>dadas</Content> </telerik:RadEditor> <script> function CommandExecuted(editor, args) { if (args.get_commandName() == "ToggleScreenMode") { var goingIntoReadMode = $telerik.$(editor.get_element()).find(".reIcon.reIconEditContent").is(":visible"); if (goingIntoReadMode == false) { editor.__modifiedContentAlready = false; //modify content for edit mode console.log("modify content for edit mode") } if (goingIntoReadMode == true && editor.__modifiedContentAlready == false) { //modify content for read mode console.log("modify content for read mode"); editor.__modifiedContentAlready = true; } } } </script>
OnClientModeChange event is not fired in Mobile RenderMode. Steps to reproduce: Run the following code in a mobile Chrome (or mobile emulation) and click the edit Pencil button that switches the edit modes: <script type="text/javascript"> function OnClientModeChange(editor, args) { var mode = editor.get_mode(); switch (mode) { case 1: alert("We are in Design mode"); //do something break; case 2: alert("We are in Html mode"); //do something break; case 4: alert("We are in Preview mode"); //do something break; } } </script> <telerik:RadEditor runat="server" OnClientModeChange="OnClientModeChange" ID="RadEditor1" RenderMode="Auto"> </telerik:RadEditor>
Even if the ToolsFile is pointing to a valid file, no toolbar is rendered when the control is loaded in a mobile browser. Run the following code in Chrome's mobile emulator: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>RadEditor Mobile Toolbar Vanishing</title> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" ToolsFile="toolsFile.xml"></telerik:RadEditor> </div> </form> </body> </html>
The Delete and Backspace buttons remain enabled in spell check mode, allowing the client to delete selections inside the Editor's content area. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/spellchecker/defaultcs.aspx 2. Click the Spell check icon 3. Select several words from the content and press Backspace/Delete Result: The selected content is deleted Expected: The Delete/Backspace button press is ignored
The Bold, Italic, Underline, Justify, Indent, Outdent and other commands are not localized in the Undo/Redo dropdowns. Screenshots: https://www.screencast.com/t/YLNTiPP7LAk https://www.screencast.com/t/DS9Y6GrB Can be seen at http://demos.telerik.com/aspnet-ajax/editor/examples/localization/defaultcs.aspx.
Clipboard operations are restricted in these browsers and when the paste tool is used nothing is happening. An alert should show up just like the Copy and Cut tools are designed. A possible workaround is using the same functionality as the Cut command by incorporating the following JavaScript line of code <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <script type="text/javascript"> Telerik.Web.UI.Editor.CommandList["Paste"] = Telerik.Web.UI.Editor.CommandList["Cut"]; </script>
The CSS styling for copied tracked text remains after the track changes are accepted is Chrome. Video: https://www.screencast.com/t/Ul565rfo Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx and clear the content in HTML mode 2. Switch to Design view and write some text 3. Copy this text and paste it into a new line 4. Click "Accept All track changes" Result: The copied row remains styled as tracked text
Using plain RadEditor controls with default Default toolbar where ToolProvideID is also used, a JS error is thrown and ToolProvide mechanism does not operate as expected. As a temporary workaround, you can use any other toolbar mode (e.g., ShowOnFocus).
The RadWindow used to hold the toolbar does not have a proper width set and the toolbar's layout is unusable. Possible workarounds: - avoid setting the Width property of the editor in percent - set the ToolsWidth property to the desired static value - use the following script to calculate the current dimensions each time the toolbar shows up: function OnClientLoad(sender, args) { var toolPopup = sender.get_toolAdapter().get_window(); toolPopup.__editor = sender; toolPopup.add_show(resizeToolWindow); } function resizeToolWindow(sender, args) { if (sender.__editor) { var editorDims = $telerik.getBounds(sender.__editor.get_element()); sender.set_width(editorDims.width); var currDims = sender.getWindowBounds(); sender.moveTo(editorDims.x, editorDims.y - currDims.height - 10); } } where the OnClientLoad function is attached to the OnClientLoad event of the editor Leave your comment on the desired behavior - whether the toolbar should have a static width (i.e., the initial width with which the editor renders, as is the current behavior with the ShowOnFocus ToolbarMode), or whether it should update its width according to the editor width when it shows up (as the script above does).
Running the Word formatting tool on a plain HTML text with underline decoration, strips the style formatting. This tool should only affect the specific MS Word markup fetched from pasting.
When the content is mixed up by text written by multiple users on deleting text, which is not written from the current user is removed, without accepting the changes.
When the user select an inserted through the ImageManager image from the Editor's content, its size in the properties tab of the ImageManager always displays its original width and height. Steps to reproduce: 1. Add an image to the editor and set it's width and height. 2. Select the image and click in the toolbar on the ImageManager 3. Click on the Properties tab Result: The width and height are set back to the initial ones.
The Edit Content and other toolbar buttons are untouchable on Android Chrome on Galaxy S7, S8 and Note 5. It is very hard to switch to edit mode and so on. http://demos.telerik.com/aspnet-ajax/editor/examples/mobile-and-touch-support/adaptive-behavior/defaultcs.aspx
Deleting the fisrt char of a list item removes the li element instead of the char (using Delete button). The issue is introduced in Q1 2016. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Insert the following content in html mode: <ol> <li>123</li> <li>456</li> </ol> 3. Switch to Design mode and click in the begining of the second list item (befor 4). 4. Press the Delete key Result: <ol> <li>123456</li> </ol> Expected <ol> <li>123</li> <li>56</li> </ol>
Occurs in IE11, IE10, or IE9 (Works in IE8). Copy a table from MS word/excel into editor. Right-click right most column. Select Column > Delete Column. Unable to select other rows in copied table or edit table cells
You can create a list item, but it is impossible to type text in the list item.