The issue is as we are deleting the entire line which contains bullets, it doesn't delete the bullets. We are using server side AcceptTrackChanges() method and it keeps the background color of the deleted lines.
ASPX
<telerik:RadEditor RenderMode="Lightweight" ID="RadEditor1" EnableTrackChanges="true" runat="server" Width="750px"
Height="400px" ToolsFile="~/ToolsFile.xml">
<TrackChangesSettings Author="RadEditorUser" CanAcceptTrackChanges="true" UserCssId="reU0"></TrackChangesSettings>
<Content>
<ol>
<li>test
<ol>
<li>test2</li>
</ol>
</li>
<li>test3</li>
</ol>
</Content>
</telerik:RadEditor>
<asp:Button Text="Get Content" OnClick="GetContent" runat="server" />
<br />
EditorWithoutTracking:<br />
<asp:TextBox runat="server" id="EditorWithoutTracking" TextMode="MultiLine" Width="1000px" Height="500px"/><br />
EditorWithTracking:<br />
<asp:TextBox runat="server" id="EditorWithTracking" TextMode="MultiLine" Width="1000px" Height="500px"/>
Codebehind
protected void GetContent(object sender, EventArgs e)
{
EditorWithoutTracking.Text = RadEditor1.Content;
RadEditor1.AcceptTrackChanges();
EditorWithTracking.Text = RadEditor1.Content;
}
When the tracking feature is enabled some of the existing features don't work properly. For eg: a. If existing text were bulleted they were not displayed properly. b. If bulleted content was copied over from a web page and pasted into the RadEditor control formatting was not retained. c. If text in the editor that was modified previously and not accepted by a user, a change made to the same text after some time does not capture the new username and date time stamp by the same /different user. Please fix the tracking feature for SharePoint
Color items should persist the Title property/attribute so that when hovered, the text to be shown in the tool.
We have an issue with paragraph styles which have some custom classes.
It has different behavior depending on how you select your paragraph.
In some cases, when you fully select your paragraph the class remains the same the previous paragraph.
Please see the video of issue reproducing on the Telerik demo for more details:
https://www.screencast.com/t/xg9b1imVO
Workaround:
<script type="text/javascript">
function OnClientCommandExecuting(editor, args) {
//The command name
var commandName = args.get_commandName();
//The tool that initiated the command
if (commandName == "FormatBlock") {
//editor.get_document().execCommand("FormatBlock", false, "div");
var selectedElement = editor.getSelectedElement();
if (selectedElement.getAttribute("style")) {
selectedElement.removeAttribute("style");
}
else if (selectedElement.getAttribute("class")) {
selectedElement.removeAttribute("class");
}
}
}
</script>
<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1" ToolsFile="Tools.xml" Width="800px" OnClientCommandExecuting="OnClientCommandExecuting">
<Content>
some plain text
</Content>
<CssFiles>
<telerik:EditorCssFile Value="Styles.css" />
</CssFiles>
</telerik:RadEditor>
You can workaround this issue by resetting the content area's height only for IE:
<telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">
</telerik:RadEditor>
<script>
function OnClientLoad(editor, args) {
if ($telerik.isIE) editor.get_contentArea().style.height = "auto";
}
</script>
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
This behavior can be observed in your production demo page of the RadEditor. http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Reproduction Steps: 1. Scroll to the table under "Attractions" 2. Right click and select "Table Properties" 3. Select the "Image Manager" next to the "Back Image" textbox 4. Select anyone of your images, I have reproduced with any of the images select "beach.jpg" 5. Click OK. The image is now visible in the table. 6. Right click on nay cell in the table and select "Cell Properties" 7. You can make a change, or not to the cell properties, and click "OK" button at the bottom. 8. You will now see that the background image is no longer present on the table. If you try step 8 again, and click on the "Table Properties" tab of the Table Wizard, you will see that there is no value in the "Back Image", so the "OK" is submitting the blank value.
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).