When adding formatting to texts while selecting whole elements, some elements are not included in `isBlockElement` function such as <col> or <colgroup> in a way those elements get wrapped in formatting tags such as <strong>

How to Reproduce:

   Create a table in editor

```html
  <span>Outside text</span>
  <table>
     <colgroup>
          <col></col>
     </colgroup>
    <tbody>
       <tr>
            <td>Inside text</td>
        </tr>
    </tbody>
  </table>
```

Select the inside text and outsite text in editor and click for applyng BOLD for instance.

colgroup tag gets wrapped in <strong> tags.

Some of html5 tags are missing from the isblockelement check as well such as 'article', 'aside', 'audio', 'canvas', 'details', 'figcaption', 'figure', 'footer', 'header', 'hgroup', 'nav', 'output', 'section', 'video'

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" />

Hi Team,

Does Track Changes work if Multiple Users work Simultaneously on Editor and

Is it possible to view all Users Name and Date Time in different pane, after enabling Track Changes.

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"

I am currently using the Radeditor "Insert Table" function. I would like this to allow user to auto adjust columns and rows live just like the following demo. https://demos.telerik.com/aspnet-mvc/editor.  I have disable the table wizard and table properties, so user will not be able to mess with this extra stuff. In the Capture.PNG is what I currently have. I would like to have the Want.PNG picture. 

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>

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.

Hi Team,
Is there any way to set the MaxTemplateSize,MaxFlashSize,MaxMediaSize,MaxDocumentSize,MaxTemplateSizes from the web.config itself without any code change. currently my system taking the default value "200KB". please let me know is there any way, in asp.net Ajax RadEditor in Asp.net C#. We are using telerik dll version 2017.1.228.45.

When using the Microsoft Edge browser with the Editor, you cannot add field values for some form elements. This seems to affect Radio buttons and checkboxes. It is possible that it affects other form elements as well. I also see this same problem when using your demo page https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx.

Edge does not offer the hasLayout capability of Internet Explorer, which selects the form element on click. In Edge you can select a form element as you could do it with a text: https://www.screencast.com/t/mo25Rm1kTSdB. The click selection is not currently supported.

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

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>

When RadEditor is configured with RenderMode="Auto", it renders fine on a mobile, but the Find and Replace throws a JavaScript error:

Uncaught Error: Sys.ArgumentNullException: Dialog Parameters for the FindAndReplace dialog do not exist

Parameter name: dialogName
    at Function.Error$create [as create] (ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:237)
    at Function.Error$argumentNull [as argumentNull] (ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:279)
    at b.RadDialogOpener._getDialogDefinition (ScriptResource.axd?d=CcXTXAXm_2uXk6i-z8e-9-GUON7JgJld7fON2waeoUCDG-568SfljYE0OxAYq5S_l1j5QbPdt7yR5Ji7ARrlqe9xsoWPpTVgVVnsC2r0rN-hCMOIKe3sXa-glZDwstuHDCKnEGv03WuBZg3A1mEmGb3cZzVnLPok8zmI9TSFWuc1&t=6e6e42a6:199)
    at b.RadDialogOpener.open (ScriptResource.axd?d=CcXTXAXm_2uXk6i-z8e-9-GUON7JgJld7fON2waeoUCDG-568SfljYE0OxAYq5S_l1j5QbPdt7yR5Ji7ARrlqe9xsoWPpTVgVVnsC2r0rN-hCMOIKe3sXa-glZDwstuHDCKnEGv03WuBZg3A1mEmGb3cZzVnLPok8zmI9TSFWuc1&t=6e6e42a6:65)
    at c.RadEditor.showDialog (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:8753)
    at Telerik.Web.UI.Editor.CommandList.FindAndReplace (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:5051)
    at c.RadEditor.fire (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:9266)
    at c.RadEditor._onToolClick (ScriptResource.axd?d=wYaAc3J2NgVJCu2P39J4xyGaoOdrMcpsgItEXwZ_xZ-mxwwqth9gFwZgQmz64y0L50bOGm0jxdnTOv_b92sCumvlnrhdNCqVSpfDTXuridpdeelSxC1ktLGb8SRXNUQSfAkHpn5XxFbvggex9gxJzw2&t=6e6e42a6:8619)
    at Array.<anonymous> (ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:47)
    at ScriptResource.axd?d=drtcXVcvAjvxxGTIp4ks_jsffAtTgDZa7F-xsErOE7x83oPLnSroIDP2Rlpln027LL6pHm8wDFlVd2TfNwyX9tsTD0IfApyfv4p2GRpAUsfag9bRTF3ZhqYQPg2KFASuXMmfKVcURGhOxnF7S60OLuj9cWAWD2oOw-AOIsKJVpoN8aJcHQVfLpfuW8e9J_z70&t=74693645:3484

Render mode configuration in the web.config

<add key="Telerik.Web.UI.RenderMode" value="Auto" />
It seems, code is looking for FindAndReplace key in this._dialogDefinitions, but it's not there. However, the key FindAndReplaceSettings is there.

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. 

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";
        }

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>