If you select the whole table along with some content and click BOLD, all table related tags will get wrapped by a <strong> tag. For instance tfoot, thead and so on will be wrapped with <strong>. Initial content: <table style="width: 0px;"> <colgroup><col /><col /><col /></colgroup> <thead> <tr> <th>test</th> <th>test</th> <th>test</th> </tr> </thead> <tbody> <tr> <th>test</th> <th>test</th> <td>test</td> </tr> <tr> <th>test</th> <th>test</th> <td>test</td> </tr> </tbody> </table> <br /> test line beneath the table Modified content: <table style="width: 0px;"> <strong><colgroup><col /><col /><col /></colgroup></strong> <thead> <tr> <th><strong>test</strong></th> <th><strong>test</strong></th> <th><strong>test</strong></th> </tr> </thead> <tbody> <tr> <th><strong>test</strong></th> <th><strong>test</strong></th> <td><strong>test</strong></td> </tr> <tr> <th><strong>test</strong></th> <th><strong>test</strong></th> <td><strong>test</strong></td> </tr> </tbody> </table> <strong> <br /> test line beneath the table</strong> Video reproduction in Chrome: https://www.screencast.com/t/lH3LJLKjmXb
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" />
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 EnableComments is set to true, the content from the clipboard is pasted twice in an empty editor. RadEditor Configuration:Potential workaround:<
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
>
<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>
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
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.
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 </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 </strong><span style="font-family: Arial; font-size: small; background-color: #ffffff;"></span></span>
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
http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Clear content; Add a table; Open context menu by selecting a cell in the table; Open Cell Properties; Open More cell Styling; Chose Background color; Change it and click OK Click OK in Table Wizard. Actual: No background color is applied.
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>
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
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.
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; }
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
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.