New
Last Updated: 17 Jan 2019 14:51 by ADMIN
Created by: Arvind
Comments: 3
Category: Editor
Type: Feature Request
2
In RadEditor with Ribbon Bar Toolbar When we click  Type 1 Dropdown (Here "Font Name", "Real font size", "Foreground Color", "Background Color", "Apply CSS Class", "Paragraph Style" and "Undo") it is opened or expanded and if click on same expanded drop-down control it still remains open instead it should be closed(Toggle Behaviour) on any "Type 2" Dropdown then "Type 1" dropdown is still remaining open or expand.
Approved
Last Updated: 07 Jan 2019 10:55 by ADMIN
Inconsistent Behavior of RadEditor with Ribbon Bar Toolbar for a different type of dropdown toolbar controls.

In RadEditor with Ribbon Bar Toolbar, there are two different types of drop-down control observed.

Type1 includes "Paste" and "Strip All Formatting" 
Type2 includes "Font Name", "Real font size", "Foreground Color", "Background Color", "Apply CSS Class", "Paragraph Style" and "Undo"


Issue1:
In RadEditor with Ribbon Bar Toolbar When "Type 1" Dropdown is opened or expanded and we click on any "Type 2" Dropdown then "Type 1" dropdown is still remain open or expand.

Issue2:
vice versa In RadEditor with Ribbon Bar Toolbar When "Type 2" Dropdown is opened or expanded and we click on any "Type 1" Dropdown then "Type 1" dropdown is still remain open or expand.
Completed
Last Updated: 28 Dec 2018 10:31 by ADMIN
When EnableComments is set to true, the content from the clipboard is pasted twice in an empty editor.

RadEditor Configuration:

<telerik:RadEditor runat="server"
    EnableComments="true">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="Bold" />
            <telerik:EditorTool Name="Italic" />
            <telerik:EditorTool Name="Underline" />
            <telerik:EditorSeparator />
            <telerik:EditorTool Name="Undo" />
            <telerik:EditorTool Name="Redo" />
            <telerik:EditorTool Name="Cut" />
            <telerik:EditorTool Name="Copy" />
            <telerik:EditorTool Name="Paste" />
            <telerik:EditorTool Name="PastePlainText" Text="Paste Plain Text" />
            <telerik:EditorTool Name="FindAndReplace" Text="Find and Replace" />
            <telerik:EditorSeparator />
            <telerik:EditorTool Name="Indent" />
            <telerik:EditorTool Name="Outdent" />
            <telerik:EditorTool Name="InsertOrderedList" Text="Numbered List" />
            <telerik:EditorTool Name="InsertUnorderedList" Text="Bulleted List" />
            <telerik:EditorTool Name="LinkManager" />
            <telerik:EditorTool Name="Unlink" />
            <telerik:EditorSeparator />
            <telerik:EditorTool Name="AjaxSpellCheck" Text="Spell Check" />
            <telerik:EditorTool Name="InsertSymbol" Text="Insert Symbol" />
        </telerik:EditorToolGroup>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="AcceptTrackChange" Text="Accept Change" />
            <telerik:EditorTool Name="RejectTrackChange" Text="Reject Change" />
            <telerik:EditorTool Name="AcceptAllTrackChanges" Text="Accept All Changes" />
            <telerik:EditorTool Name="RejectAllTrackChanges" Text="Reject All Changes" />
            <telerik:EditorTool Name="EnableTrackChangesOverride" Text="Track Changes" />
            <telerik:EditorTool Name="AddComment" Text="Add Comment" />
            <telerik:EditorTool Name="RemoveComment" Text="Remove Comment" />
            <telerik:EditorTool Name="RemoveAllComments" Text="Remove All Comments" />
            <telerik:EditorTool Name="ImageManager" Text="Insert Image" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
Potential workaround:
<script type="text/javascript">
    function OnClientPasteHtml(sender, args) {
        var commandName = args.get_commandName();
        var value = args.get_value();
 
        if (commandName == "Paste" && Telerik.Web.Browser.ie) {
            args.set_value(value);
            args.set_cancel(true);
        }
    }
</script>
<telerik:RadEditor runat="server" Height="300px" StripFormattingOptions="Span,Font,Css" EnableTrackChanges="true" OnClientPasteHtml="OnClientPasteHtml"
    ContentFilters="FixEnclosingP,RemoveScripts,FixUlBoldItalic,IECleanAnchors,MozEmStrong,ConvertFontToSpan,ConvertToXhtml,IndentHTMLContent,EncodeScripts,OptimizeSpans,ConvertTags,StripCssExpressions,RemoveExtraBreaks"
    EnableComments="true" NewLineMode="P" EditModes="Design,Html">
</telerik:RadEditor>
Completed
Last Updated: 26 Dec 2018 08:57 by ADMIN
ADMIN
Created by: Vessy
Comments: 1
Category: Editor
Type: Bug Report
0
Likely to happen when an element is empty, not just the editor, if you can get the cusros in an empty <p>, and press backspace you can get the same behavior, it can happen as you work on some content

Steps to reproduce:

1. Go to the Editor demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in Chrome
2. CTRL+A on the editor and hit delete
3. Hit Delete or Backspace again

Result: Uncaught TypeError  Cannot read property 'nodeType' of undefined Appears in the console
Completed
Last Updated: 20 Dec 2018 17:18 by ADMIN
After performing some tests with images using the RadEditor I have found that when selecting the class to apply in the image properties dialog, it will not let you clear the class. When choosing the clear class option from the drop down it does not change the class of the image it will keep the same class that is already applied from the drop down.
Completed
Last Updated: 07 Nov 2018 17:06 by ADMIN
If RadEditor is initially hidden with display:none, its tools do not work when displayed in Firefox 62.0:

<div style="display: none" id="hiddenWrapper">
    <telerik:RadEditor ID="RadEditor1"  runat="server"></telerik:RadEditor>
</div>
<script>
    function f() {
        $get('hiddenWrapper').style.display = "block";
      }
    Sys.Application.add_load(f);
</script>


There is a warning error in the console: "Mutation Events is deprecated and to use MutationObserver".

The fix is to call the $find("RadEditor1").onParentNodeChanged(); method to recreate the content area:

<div style="display: none" id="hiddenWrapper">
    <telerik:RadEditor ID="RadEditor1"  runat="server"></telerik:RadEditor>
</div>
<script>
    function f() {
        $get('hiddenWrapper').style.display = "block";
        $find("RadEditor1").onParentNodeChanged();
    }
    Sys.Application.add_load(f);
</script>
Completed
Last Updated: 06 Nov 2018 17:54 by ADMIN
If misspelled word is coming after scroll bar it is not focusing in IE11, Edge and Chrome.

Can be reproduced in the default demo - https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Paste the following content 

<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>risksss</p>

and click on the spell check button. The popup with the suggestions will be positioned outside of the content area.

As a workaround you can switch to DIV content area mode - https://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx
Completed
Last Updated: 05 Nov 2018 14:44 by ADMIN
ADMIN
Created by: Rumen
Comments: 0
Category: Editor
Type: Bug Report
3
Steps to reproduce:
1. Go to the Editor demo page in Chrome
2. CTRL+A on the editor and hit delete
3. Hit Delete or Backspace again
Result: Uncaught TypeError Appears in the console
Approved
Last Updated: 29 Oct 2018 18:15 by ADMIN
We have an issue where the RadEditor context menu for <td> element doesn't get displayed. It throws a "Permission Denied" error. Within <td> the table toolbar is not functional either. 
To reproduce: In an aspx page, create an updatepanel with a LoadContent button, RadEditor and Save button.
1. Click on Load Contents button
2. RadEditor with text "Loaded" will get displayed
3. Insert a table
4. Go to a table cell and verify context menu for td shows fine
5. Click Save
6. Go to a table cell and right click - context menu doesn't show (If you have IE developers tool, you will see "Permission Denied" error.)

ASPx page:
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="upd" runat="server">
        <ContentTemplate>
              <asp:Button ID="btnLoad" runat="server" Text="Load Contents"  OnClick="btnLoad_Click"  />
              <telerik:RadEditor ID="HTMLEditor" runat="server"></telerik:RadEditor>          
                <asp:Button ID="btnSave" runat="server" Text="Save"  OnClick="btnSave_Click" UseSubmitBehavior="false" />
        </ContentTemplate>
    </asp:UpdatePanel>     
</asp:Content>
C# Code:
 protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected void btnSave_Click(object sender, EventArgs e)
        { 
            HTMLEditor.Content = HTMLEditor.Content + " updated";            
        }
        protected void btnLoad_Click(object sender, EventArgs e)
        {
            HTMLEditor.Content = "Loaded";
        }
Won't fix
Last Updated: 19 Oct 2018 13:43 by ADMIN
Created by: Jinita
Comments: 2
Category: Editor
Type: Bug Report
0
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
Approved
Last Updated: 15 Oct 2018 08:42 by ADMIN
ADMIN
Created by: Rumen
Comments: 3
Category: Editor
Type: Bug Report
1
The image manager dialog do not resize properly in Chrome when the screen resolution is 1920x1080 and the Windows zoom level is 125%-150%-175%.

In Internet Explorer, all dialogs have scrolls - tested on 4k screen with 150% zoom.

See the attachments.

Workaround:

<script>
    function OnClientCommandExecuted(editor, args) {
        if (editor.get_dialogOpener()) {
            var commandName = args.get_commandName();

            if (editor.get_dialogOpener()._getDialogContainer) {
                dialogReference = editor.get_dialogOpener()._getDialogContainer(commandName);
                setTimeout(function () {
                    var dialogContainerHeight = parseInt(editor.get_dialogOpener()._getDialogContainer(commandName).get_contentElement().style.height);
                    dialogReference.set_height(dialogContainerHeight + 40);
                    dialogReference.get_contentElement().removeAttribute("style");
                    dialogReference.get_contentElement().style.height = dialogContainerHeight + 5 + "px";
                          
                }, 1000);
                        
            }
        }
    }
</script>
<telerik:RadEditor ID="RadEditor1" runat="server"  OnClientCommandExecuted="OnClientCommandExecuted">
    <ImageManager ViewPaths="~/" />
</telerik:RadEditor>

Approved
Last Updated: 26 Sep 2018 16:20 by Michael
ADMIN
Created by: Rumen
Comments: 1
Category: Editor
Type: Feature Request
11

			
Won't fix
Last Updated: 20 Sep 2018 07:55 by ADMIN
Color items should persist the Title property/attribute so that when hovered, the text to be shown in the tool.
New
Last Updated: 17 Sep 2018 13:04 by ADMIN
I have an issue when I line break in RADEditor but it keeps going to the bottom of the line in Internet Explorer v11.

Please note that the issue is reproducible on Telerik Demo site.

Steps to reproduce the issue:

Copy and paste the following content in HTML mode 

Some content
<br />
<br />
Put the cursor in the beginning of this line, press Backspace and after that Enter
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Switch to Design panel
Press Backspace twice in front of the text "Put the cursor in the beginning of this line, press Backspace and after that Enter"
Press Enter
Result

The content jump to the bottom of the line


See the attached video for more information.
New
Last Updated: 28 Aug 2018 16:12 by Haydn
Created by: Haydn
Comments: 0
Category: Editor
Type: Feature Request
0
I know that there are articles that describe how to detect that the user has interacted with the RadEditor, but checking whether the content has changed is quite another task.
I understand that the underlying storage method makes it almost impossible to compare, but that's why we need the control to do this internally.
Even if we fall short of comparing the content, at least build-in the workarounds into the control to invoke a single "Changing" event.
Completed
Last Updated: 22 Aug 2018 12:59 by ADMIN
ADMIN
Created by: Rumen
Comments: 1
Category: Editor
Type: Bug Report
0

			
Approved
Last Updated: 17 Jul 2018 10:57 by ADMIN
Can be reproduced with the code below:

<telerik:RadEditor runat="server" ID="RadEditor1" >
    <Content>
   Here is sample content!
    </Content>
</telerik:RadEditor>
 
<input type="button" value="Set Focus On RadEditor" onclick="SetFocusOnRadEditor(); return false;" />
<script type="text/javascript">
    function SetFocusOnRadEditor() {
        var editor = $find("<%=RadEditor1.ClientID%>"); //get a reference to RadEditor client object
            editor.setFocus(); //set the focus on the the editor
    }
</script>


The problem is not reproducible when the ContentAreaMode is set to DIV or in the other browsers.

Workaround

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Content>
    Here is sample content!
    </Content>
</telerik:RadEditor>
 
<button type="button"  onclick="SetFocusOnRadEditor()">Focuse On RadEditor</button>
<script type="text/javascript">
    function SetFocusOnRadEditor() {
        var editor = $find("<%=RadEditor1.ClientID%>");
        if ($telerik.isChrome) {
            var iframe = editor.get_contentAreaElement();
            iframe.contentWindow.document.body.focus();
        }
        else {
                editor.setFocus();
        }
    }
</script>
Approved
Last Updated: 06 Jul 2018 12:33 by ADMIN
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>
New
Last Updated: 25 Jun 2018 09:44 by ADMIN
Repro steps: 
- use the editor below and the attached Word document in the archive at the end
- copy the document content in the editor
- clean the word formatting
- select some of the content (e.g., one paragraph)
- click the format stripper dropdown and choose Strip Span Elements
- run get_html(true) in the console

Expected: spans are stripped only from the selected content

Actual: nothing is stripped. Changing to HTML mode and back to Design fixes this, so you should not use that to check the HTML

        <telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1">
            <Tools>
                <telerik:EditorToolGroup>
                    <telerik:EditorTool Name="FormatStripper" />
                </telerik:EditorToolGroup>
            </Tools>
        </telerik:RadEditor>


WORKAROUNDS:

For the majority of cases you can set up automatic stripping of span elements when pasting from Word, so your users do not need to do that themselves. Here is an example:

<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
    StripFormattingOptions="ConvertWordLists, MSWordNoMargins, Span">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FormatStripper" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

You can read more on how stripping MS Word content works in the following demo, and play around with the various options to see what works best for your case: http://demos.telerik.com/aspnet-ajax/editor/examples/cleaningwordformatting/defaultcs.aspx and in the following documentation article: https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/managing-content/pasting-content/clean-ms-word-formatting

There are also two possible code workarounds so advanced users can retain more control over the HTML without switching to the HTML mode themselves.
The second is likely to be a tad faster with large content, but the first is likely to produce better user experience.

1) this changes the mode to HTML and back to design with each paste so that the stripping tool can work with the selection


<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
     OnClientCommandExecuted="OnClientCommandExecuted">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FormatStripper" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
<script>
    function OnClientCommandExecuted(sender, args) {
        if (args.get_commandName() == "Paste") {
            sender.set_mode(2);
            setTimeout(function () {
                sender.set_mode(1);
            }, 50);
        }
    }
</script>

2) this one is a workaround that allows the stripping tool to work without mode change, but it will not operate with the selection but with all the content


<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
     OnClientCommandExecuting="OnClientCommandExecuting">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="FormatStripper" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
<script>
    function OnClientCommandExecuting(sender, args) {
        if (args.get_commandName() == "StripSpan") {
            sender.set_html(sender.get_html(true));
        }
    }
</script>
Approved
Last Updated: 18 Jun 2018 11:10 by ADMIN
You can get the same behavior that all other browsers get - focus being after the table. This is done easily by clearing out the following function logic (make sure the script is after the script manager):

<script>
   Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function () { }
</script>

You can also try the following version of the function that attempts to fix the selection collapse after the DOM changed:

<script>
Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function (layoutBuilderEngine) {
    if ($telerik.isIE9Mode) {
        var arStateIndexes = layoutBuilderEngine._getLeftTopStateIndexes(layoutBuilderEngine._selectedRowIndex, layoutBuilderEngine._selectedCell.cellIndex);
        var stateRow = arStateIndexes["rowIndex"];
        var nextCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow + 1, 0);
        var prevCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow - 1, 0);
        var newSelectedCell = nextCell || prevCell;
        if (newSelectedCell) {
            var editorSelection = this.get_editor().getSelection();
            setTimeout(function () {
                try {//the DOM change is likely to cause errors after the fixes, hence the try-catch, the timeout is to let the DOM get changed before tampering with the selection
                    if ($telerik.$(newSelectedCell).is(':visible')) {//for deleting footer cells
                        editorSelection.selectElement(newSelectedCell);
                        editorSelection.moveToElementText(newSelectedCell);//to properly move focus
                        editorSelection.collapse(true);
                    }
                }
                catch (ex) { }
            });
        }
    }
}
</script>


Considering the drawbacks of fixing IE code that is also inconsistent with other browsers, it is possible that the final fix will be to remove the function and have the same behavior as in other browsers.
1 2 3 4 5 6