Completed
Last Updated: 02 Sep 2019 15:19 by ADMIN
I have a Telerik RadEditor (2017.3) control with custom/unembedded skin (created using the themebuilder on telerik), and when I enter a value for the DialogsCssFile attribute, the markup of the page changes, meaning that my custom skin is not applied to the editor anymore.

Why is this a problem? Well the css inside the dialog for Find/replace for example didn't display correct, and having done some research, I needed to do some @imports into a customDialog.css file and drop that into the DialogsCssFile attribute.

As soon as I do this, the generated markup in the page for RadEditor changes from

Radeditor RadEditor_MyCustomSkin reWrapper

to

Radeditor MyCustomSkin reWrapper

meaning that my radeditor Skin is not applied to the editor, If I remove the DialogCssFile then the editor skin loads correctly, but the dialogs look wrong. In the Page source, the Window is a div within the page, and not an iFrame

Code :

Page CSS files (in order)

<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/formdecorator.MyCustomSkin.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/toolbar.MyCustomSkin.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/window.MyCustomSkin.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/combobox.MyCustomSkin.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/dropdownlist.MyCustomSkin.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/tabstrip.MyCustomSkin.css" />
<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/editor.MyCustomSkin.css" />
Main Radeditor Class (to give idea of class names)

.RadEditor_MyCustomSkin { /* css styles - all generated automatically */ }
Control :

<telerik:RadEditor runat="server" ID="pageRadEdit" ToolbarMode="Default" EditModes="Design,Html"
DialogsCssFile="~/assets/css/MyCustomSkin/DialogHandler.MyCustomSkin.css"
ToolsFile="~/App_Data/Editor.xml" Width="980px" Height="800px"
EnableResize="false" OnClientLoad="resizeMe" NewLineMode="P"
OnClientSelectionChange="$page.setdirty"
ContentFilters="DefaultFilters,ConvertFontToSpan,IECleanAnchors,OptimizeSpans,MozEmStrong,FixEnclosingP"
EnableEmbeddedSkins="false">
        <SpellCheckSettings DictionaryLanguage="en-GB" AllowAddCustom="false" />
        <Languages>
            <telerik:SpellCheckerLanguage Code="en-GB" Title="English (UK)" />
        </Languages>
</telerik:RadEditor>
DialogHandler.MyCustomSkin.css

@import url('FormDecorator.MyCustomSkin.css');
/*@import url('Grid.MyCustomSkin.css');*/
@import url('Input.MyCustomSkin.css');
@import url('Splitter.MyCustomSkin.css');
@import url('TabStrip.MyCustomSkin.css');
@import url('ToolBar.MyCustomSkin.css');
/*@import url('Upload.MyCustomSkin.css');*/
@import url('Window.MyCustomSkin.css');
@import url('ComboBox.MyCustomSkin.css');
@import url('Button.MyCustomSkin.css');
/*@import url('Editor.MyCustomSkin.css');*/
Note : Editor css is still using wrong class even if the bottom import is uncommented

Web.Config settings

<add key="Telerik.Skin" value="MyCustomSkin" />
<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />
<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />
<add key="Telerik.Web.UI.RenderMode" value="lightweight" />
<add key="Telerik.Web.UI.EnableEmbeddedSkins" value="false" />
<add key="Telerik.EnableEmbeddedSkins" value="false" />
Completed
Last Updated: 01 May 2018 13:33 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 6
Category: Editor
Type: Bug Report
5
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"
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>
Approved
Last Updated: 04 Jan 2018 15:50 by ADMIN
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.
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: 20 Oct 2017 13:12 by ADMIN
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
Approved
Last Updated: 13 Oct 2017 10:22 by ADMIN
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>
Approved
Last Updated: 09 Oct 2017 17:34 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Editor
Type: Bug Report
0
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>
Approved
Last Updated: 21 Sep 2017 13:39 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Editor
Type: Bug Report
0
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
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";
        }
Approved
Last Updated: 05 Sep 2017 13:06 by ADMIN
Content font famility is changed when a word is spell checked in Chrome in Windows 7.

Video: https://www.screencast.com/t/Y358IWoWz

Steps to reproduce:

´╗┐´╗┐Paste the following content in this demo: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

<span id="ctl10_supportMessagesRepeaterControl_repeaterMessages_ctl11_lblMessageText" class="text"><span style="font-family: Arial; font-size: small; background-color: #ffffff;">Dear Telerik&nbsp;</span><br style="font-family: Arial; font-size: small; background-color: #ffffff;" />
<br style="font-family: Arial; font-size: small; background-color: #ffffff;" />
<strong>Notice: Issue: 2016: WestenBook Help and Test<br />
Please check it 20170828 &nbsp;</strong><span style="font-family: Arial; font-size: small; background-color: #ffffff;"></span></span>
Approved
Last Updated: 26 Jul 2017 15:11 by ADMIN
When the fore/backcolor of the Editor is changed through its toolbar, the same color is set to all Editors on the page. The problem is reproducible in Lightweight rendering.

Video: https://www.screencast.com/t/YQ4OnNmu
Completed
Last Updated: 06 Oct 2017 09:03 by SUNIL
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>
Completed
Last Updated: 29 Nov 2017 14:26 by ADMIN
ADMIN
Created by: Vessy
Comments: 0
Category: Editor
Type: Bug Report
0
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
Completed
Last Updated: 12 Apr 2019 16:03 by ADMIN
Created by: Steve Rothschild
Comments: 2
Category: Editor
Type: Bug Report
0
I recently updated my website with the dll patch telerik  provided for the cryptographic weakness:
http://www.telerik.com/support/kb/aspnet-ajax/details/cryptographic-weakness?utm_medium=email

After the update I found that the pages which were using the RadEditor control and several other controls was not loading and throwing this error:
Parser Error Message: Decryption key specified has invalid hex characters.

Several other controls are throwing this error but I cannot delete controls one by one and check which ones are having this problem.

But I checked for the RadEditor and it was throwing this error. Nothing else is there on the page while testing other than this control.
This does not happen on a plain new website and is happening when we have the sql mermbership and machine key configured. We are using passwordFormat as encrypted in sql membership config and cannot remove machine key.
If you got to test it, then test it on some already configured machine key and sql membership website.

I have attached screenshots for this error and telerik dll patch in use currently.

We are on a production server and we need a solution for this issue ASAP.
Approved
Last Updated: 28 Jun 2017 07:57 by ADMIN
Approved
Last Updated: 16 May 2017 11:17 by ADMIN
Workaround is to add the following function override at the end of the page (a sample is attached below)
				Telerik.Web.UI.Editor.Utils.isWindowDestroyed = function (window) {
					var doc;
					try{
						doc = window.document;
					} catch (e) {
						return true;
					}
					if(Telerik.Web.Browser.safari && !doc){
						return true;
					}
					return !doc.defaultView && !doc.parentWindow;
				}
Completed
Last Updated: 02 Jun 2017 12:16 by ADMIN
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
Approved
Last Updated: 08 May 2017 13:29 by ADMIN
There is a bug in the editor when using the image manager to insert an image after creating a new image.  This is recreated on the live demo site - http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

1. Open the image manager in the editor.
2. Click on an image editor after selecting an image.
3. Use the resizing tool to resize and save a new version of the image. 
4. Once the save is made, both images (the original and the newly created) are selected and when you click insert, both images will be inserted.
Approved
Last Updated: 19 Apr 2017 16:13 by ADMIN
Steps to reproduce:
1. go to demo url http://demos.telerik.com/aspnet-ajax/editor/examples/edittemplate/defaultcs.aspx
2. click add new record
3. try to manually resize editor. it won't.
4. click add new record again.
5  try to manually resize editor, now it will.