It is a common scenario users to start selecting text and accidental trigger mouseup event outside of the content area. Still, the focus is inside RadEditor and InlineEditCompleted event should not fire. Possible workaround: <telerik:RadEditor runat="server" ID="RadEditor1" EditType="Inline" OnClientLoad="OnClientLoad" OnClientInlineEditCompleted="OnClientInlineEditCompleted"> <Content> some text </Content> </telerik:RadEditor> <script> function OnClientInlineEditCompleted(sender, args) { if (sender._editCompleted) { alert("Fired!"); } } function OnClientLoad(sender, args) { $telerik.$(document).on("mouseup", function (e) { if (e.target === sender.get_contentArea() || e.target === sender.get_textArea()) { sender._editCompleted = true; } }) $telerik.$(document).on("mousedown", function (e) { if (e.target === sender.get_contentArea() || e.target === sender.get_textArea()) { sender._editCompleted = false; } else { sender._editCompleted = true; } }) } </script>
When I want to clear a class in the RadEditor the class is cleared in the hyperlink manager, but not in the area in the footer of the RadEditor.
If 'clear class' is selected nothing happens.
When using Metro skin, if I click on a disabled button (Undo, Redo, Unlink and so on), its icon disappears until I click outside it.
https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Metro
This does not happen with MetroTouch, Silk or Default skin. How do I replicate the same behavior with Metro skin?
In R3 2016 SP1 when a RadEditor with RenderMode=Classic is disposed and RadScriptManager is used, a JavaScript error is thrown: IE: Object doesn't support property or method 'dispose' Chrome: Uncaught TypeError: this._contextMenuFunctionality.dispose is not a function FIXED in R3 2016 SP2 (2016.3.1027) There are three workarounds: - Set EnableScriptCombine to false for the RadScriptManager (not applicable when CDN is used) - OR set RenderMode=Lightweight for the RadEditor (you can do this in the web.config for all control instance in the web app if they do not define the Classic mode exiplicitly) - OR add the following function override at the end of your page: <telerik:RadScriptManager ID="RadScriptManager1" runat="server" > </telerik:RadScriptManager> <%-- WORKAROUND 1: SET EnableScriptCombine="false" TO RADSCRIPTMANAGER--%> <asp:Button ID="Button1" Text="click to postback and break the editor" runat="server" /> <telerik:RadEditor ID="txtInstructions" runat="server"> </telerik:RadEditor> <%-- WORKAROUND 2: SET RenderMode="Lightweight" TO RADEDITOR--%> <%--WORKAROUND 3: ADD THE FOLLOWING SCRIPT TO THE END OF THE FORM--%> <script> Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.dispose = function () { delete this._fakeToolbarParentCreated; var toolbars = this._getToolBarElements(); if (toolbars) { for (var i = 0; i < toolbars.length; i++) { $clearHandlers(toolbars[i]); } } this._tools = []; this._disposeToolbarModeHandlers(); var wnd = this._toolbarHolder; if (wnd && wnd.dispose) wnd.dispose(); var contextMenuFunctionality = this._contextMenuFunctionality; if (contextMenuFunctionality && contextMenuFunctionality.dispose) contextMenuFunctionality.dispose(); Telerik.Web.UI.Editor.DefaultToolAdapter.callBaseMethod(this, "dispose"); } </script>
1. Visit the RadEditor demo at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx (I used Google Chrome.) 2. In the HTML view, replace the entire demo text with This <strong>strange</strong> thing 3. In the Design view, place the cursor at the very end of the line, and press Shift+Left repeatedly. a. At first it will highlight the final letter correctly. b. Then it will UNHIGHLIGHT the final letter! c. Then it will begin highlight more letters again starting from the letter BEFORE the final letter. d. Then, after highlighting the āeā in strange, it will being UNHIGHLIGHTING starting from the righthand side of the selection! e. Then it will highlight left as far as the āsā. f. Then it will start UNHIGHLIGHTING from the right again! g. Then highlighting the space to the left h. Then UNHIGHLIGHTING the space to the left! i. Then highlighting to the left as far as the beginning of the line j. Then UNHIGHLIGHTING from the right side of the selection! Pressing Shift+Left and Shift+Right should always modify only one end of the selection, and the other end should always remain where the selection was started. This is how Windows Notepad and virtually all other applications behave.
Steps to reproduce the text highlighting issue:
Currently we are in the process of securing our web sites. we are experiencing issue on Xhtml Validator in RadEditor where it is not properly loading due to mixed content issue. There is no way to redirect to HTTPS instead of HTTP site. We can reproduce this on Rad Editor Demo site by making site as HTTPS and click on XHTML Validator icon. https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Could you please add that feature?
Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed error is thrown when pasting an image or a chart image from MS Word in RadEditor in Chrome / MS Edge.
The problem can be reproduced in the live demos too: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx.
The error also prevents the execution of the OnClientPasteHtml event of the control.
The XHTML validator in the editor control is not working.
As per attached screenshot, when you click it and opens the window it simply states the following.
"Sorry! This document cannot be checked."
"Sorry, this type of URL scheme (undefined) is not supported by this service. Please check that you entered the URL correctly"
Can someone tell me why this is happening? It's also broken on the editor demos on your site. Maybe something on the W3C validator has changed making it no longer compatible/viable?
https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
https://demos.telerik.com/aspnet-ajax/editor/examples/built-in-dialogs/defaultcs.aspx
The editor does not work at all in Chrome for iOS.
You can reproduce it in this demo:
https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
Using the latest 2022.3.1109.45, our web application is catching "Invalid Resource Request" exceptions when the Windows7 or Vista (maybe others too) loads the "Editor" control in "Classic" mode. By decoding the URL, the control is having problems locating the image below
WebR
Error Message: This is an invalid webresource request.
Telerik.Web.UI.Skins|Telerik.Web.UI.Skins.Vista.Editor.ToolbarVerticalSprites.gif
Telerik.Web.UI.Skins|Telerik.Web.UI.Skins.Windows7.Editor.ToolbarSprites.gif
Change the skin of the radeditor in the default.aspx to another skin such as "metro" and the problem will not happen. It works OK at least on Black, Metro and Silk but haven't tested others, you can tell it doesn't work when the divider bars in the editor toolbar don't appear properly.
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.
Please follow these steps to reproduce the issue: 1. Open RadEditor Demo: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Choose a word that is present in the text (e.g. "Barcelona"). 3. Open "Find And Replace" dialog. 4. Click on the "Replace" tab. 5. Write "Barcelona" or any other chosen word in the "Find" field. 6. Write something in the "Replace With" field (e.g. "Replacement"). 7. Select the "Up" Direction in "Search Options". 8. Click "Replace All". Actual Result: The "The search string was not found." message is displayed and the substrings ("Barcelona") are not replaced. Expected Result: All occurrences of the substring are replaced. Note that this functionality seems to be working if the "Down" direction is chosen.
Update: I would like to add that the issue is not only with Replace All. The same bug is happening with "Replace" with both "Up" and Down" directions.
The execution of the getContextMenuByTagName inside the oncontextmenu event of RadEditor hides the context menu once it is shown. This happens in Lightweight render mode only and when the UseRadContextMenu is enabled:
<telerik:RadEditor ID="RadEditor1" runat="server" ContentAreaMode="iframe" OnClientLoad="OnClientLoad">
<Content>
<table>
<tr>
<td>test</td>
</tr>
<tr>
<td>test</td>
</tr>
<tr>
<td>test</td>
</tr>
</table>
</Content>
</telerik:RadEditor>
<script>
function OnClientLoad(editor, args) {
editor.attachEventHandler("oncontextmenu", function (e) {
var oSelection = editor.getSelectedElement();
setTimeout(function () {
var tdMenu = editor.getContextMenuByTagName("TD"); //the call of getContextMenuByTagName closes the context menu when lightweight render mode is used. You can slow down the closing with the setTimeout function or by settign UseRadContextMenu to false.
}, 1000);
});
}
</script>
"The size of the uploaded file exceeds max size allowed" is thrown even if the file is under the specified maximum upload file size. The error is reproducible in the Default demo -> http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx. Open the Document manager and upload some unsupported file which size does not exceed 200 kb. For example upload a small image file. You'll get the following error: The size of the uploaded file exceeds max size allowed. The extension of the uploaded file is not valid. Please, provide a valid file! while only this line should be shown: The extension of the uploaded file is not valid. Please, provide a valid file!
Pressing ENTER over a list item not only creates a new li, but also inserts additional <br> element. Video: https://www.screencast.com/t/PZcYTKEtY4v Steps to reproduce: 1. Open in Chrome: 2. Switch to Html mode and insert the following content: <ol> <li>123 456 <ol> <li>abc</li> </ol> </li> <li>789</li> </ol> 3. Switch to design mode 4. Put the cursor inside the first li (e.g. before 5) and press ENTER Result: A <br> element is added in the beginning of the new <li> element
It should rather select the last cell of the table.
When using Table Wizard to insert a new table inside a table cell, the selected table is replaced by the one created from Table Wizard. Currently, the workaround is to use the plain InsertTable tool in order to nest tables.
FileBrowser pager slider tooltips: "Increase", "Decrease" FileBrowser grid column resize: "Drag to resize"