I am experiencing an issue in the Telerik Rad Editor where, after copying and pasting a long sentence in a single line, if I apply bold formatting to a word and place the cursor at the beginning of the bolded word, pressing Enter results in an empty line being inserted between the text. This behavior is reproducible on the Telerik webforms editor demo site as well.
I would appreciate any guidance on how to resolve this issue. Thanks in advance.
<
telerik:RadTabStrip
runat
=
"server"
ID
=
"RadTabStrip2"
MultiPageID
=
"RadMultiPage2"
SelectedIndex
=
"0"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Add Response"
></
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
<
telerik:RadMultiPage
runat
=
"server"
ID
=
"RadMultiPage2"
SelectedIndex
=
"0"
>
<
telerik:RadPageView
runat
=
"server"
ID
=
"RadPageView11"
>
<
telerik:RadEditor
Width
=
"100%"
EditModes
=
"Design"
ID
=
"reReqCom"
runat
=
"server"
ContentAreaCssFile
=
"~/AppRoot/Xml/RadEditor/EditorContentArea.css"
ToolsFile
=
"~/AppRoot/Xml/RadEditor/BasicTools.xml"
Skin
=
"Material"
/>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
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.
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; }
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>