Repro steps:
open Edge 41 (creator's update brings it)
start an editor, e.g.: <telerik:RadEditor ID="RadEditor1" runat="server"></telerik:RadEditor>
type "ab"
press enter
type "cd"
Actual: the second paragraph contains only "d"
Expected: the second paragraph contains "cd"
When the Track Changes is enabled and a <p> element contains nothing but whitespace (newline, space or tab characters), any time one character is deleted, the entire element is deleted Another issue relating to this, is that when the line is deleted, if there is another whitespace <p> element above the element, the cursor is placed not on that line, but on whatever line is next without any whitespace. This behavior can be reproduced in the track-changes demo (Found at https://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx ) ,by following these steps: 1. Create a <p> element containing some text 2. Below this element, create 3 more containing nothing but whitespace 3. On the last line enter a space and then press the backspace key The cursor will be moved to the <p> element containing text and the entire element will be deleted (not just the space which was entered)
1. Inside the editor (http://demos.telerik.com/aspnet-ajax/editor) copy and paste the contents of the attached file. 2. When prompted to clean the pasted data, select Yes. 3. Visually inspect the order of the list elements and the indentation - see the screenshot in the attachment.
By default all options "Copy Format", "Apply Format" and "Clear Format" are all enabled when a ribbonbar toolbar is used, but the second and third options should be disabled initially. The problem does not happen in the Default toolbar mode and can be reproduced in the Overview demo of the control -> switch to ribbonbar mode and press the full set of tools radio button. The Clear format tool is located in the sixth button group of the ribbonbar.
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
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.