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.
Repro steps:
- use the editor below and the attached Word document in the archive at the end
- copy the document content in the editor
- clean the word formatting
- select some of the content (e.g., one paragraph)
- click the format stripper dropdown and choose Strip Span Elements
- run get_html(true) in the console
Expected: spans are stripped only from the selected content
Actual: nothing is stripped. Changing to HTML mode and back to Design fixes this, so you should not use that to check the HTML
<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="FormatStripper" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
WORKAROUNDS:
For the majority of cases you can set up automatic stripping of span elements when pasting from Word, so your users do not need to do that themselves. Here is an example:
<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
StripFormattingOptions="ConvertWordLists, MSWordNoMargins, Span">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="FormatStripper" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
You can read more on how stripping MS Word content works in the following demo, and play around with the various options to see what works best for your case: http://demos.telerik.com/aspnet-ajax/editor/examples/cleaningwordformatting/defaultcs.aspx and in the following documentation article: https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/managing-content/pasting-content/clean-ms-word-formatting
There are also two possible code workarounds so advanced users can retain more control over the HTML without switching to the HTML mode themselves.
The second is likely to be a tad faster with large content, but the first is likely to produce better user experience.
1) this changes the mode to HTML and back to design with each paste so that the stripping tool can work with the selection
<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
OnClientCommandExecuted="OnClientCommandExecuted">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="FormatStripper" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<script>
function OnClientCommandExecuted(sender, args) {
if (args.get_commandName() == "Paste") {
sender.set_mode(2);
setTimeout(function () {
sender.set_mode(1);
}, 50);
}
}
</script>
2) this one is a workaround that allows the stripping tool to work without mode change, but it will not operate with the selection but with all the content
<telerik:RadEditor RenderMode="Lightweight" runat="server" ID="RadEditor1"
OnClientCommandExecuting="OnClientCommandExecuting">
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorTool Name="FormatStripper" />
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
<script>
function OnClientCommandExecuting(sender, args) {
if (args.get_commandName() == "StripSpan") {
sender.set_html(sender.get_html(true));
}
}
</script>
When inserting video in Telerik Editor, radEditor by default inserts it using <embed>.
This element is not supported by Edge. Many modern browsers now support/recommend to use of the <video> tag.
So, that it will render video in most of Chromium browsers out there.
After upgrade from
<package id="Telerik.Licensing" version="1.6.16" targetFramework="net472" />
<package id="Telerik.UI.for.AspNet.Ajax.Net462" version="2025.3.825" targetFramework="net472" />
to
<package id="Telerik.Licensing" version="1.6.40" targetFramework="net472" />
<package id="Telerik.UI.for.AspNet.Ajax.Net462" version="2026.1.225" targetFramework="net472" />
we started experiencing the following error:
1. Add editor with ToolbarMode="RibbonBarShowOnFocus", no code-behind is required
<telerik:RadEditor ID="Editor" runat="server" Width="100%"
ToolbarMode="RibbonBarShowOnFocus">
</telerik:RadEditor>2. Open page, editor is empty and "Design" tab is active
3. Click on "Html" tab. Important: don't click on the editor content area while "Design" tab is active!
4. Paste some html, e.g.
<p>Your third Quarter Dining Rewards are Ready!</p>
5. Click to "Design" tab. Content is not rendered, editor is broken.
6. Find error in console
ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:1 Uncaught TypeError: Cannot read properties of null (reading 'commonAncestorContainer')
at Object.getState (ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:1:143451)
at Object.getToolState (ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:2:7097)
at Object.setRibbonBarToolState (ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:3:124809)
at Object._onEditorSelectionChange (ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:3:124488)
at Array.<anonymous> (MsAjaxJs?v=D6VN0fHlwFSIWjbVzi6mZyE9Ls-4LNrSSYVGRU46XF81:1:2148)
at MsAjaxJs?v=D6VN0fHlwFSIWjbVzi6mZyE9Ls-4LNrSSYVGRU46XF81:1:50368
at Object.raiseEvent (ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcIjfDUXiq5ixpnBN0VcDALLSiZ3CMr6-87hfvIaN_0cz2j3vISyRnNQUUXuS5a7lBoLr1EhUzo3XC7p-5gq6HdUFDfDXoZF6FnTKoxdUmGE70&t=7fbf35ab:3:34795)
at Function.callBaseMethod (MsAjaxJs?v=D6VN0fHlwFSIWjbVzi6mZyE9Ls-4LNrSSYVGRU46XF81:1:8931)
at Object.raiseEvent (ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:1:326487)
at Object.set_html (ScriptResource.axd?d=SIX1nT3k5ctYiH_Z5iBDXSZnshOXvXkzvSku5HLBqZlwfCmxfuwQE-bsvfCtuJcU8Kf5mMmqIz4_-haUfplj_Y2fBjNYHTB6sDwvO7dqA9dlR0fcUTx4578VpqHDjGrfk4WQ4Qs5nyG4zIAFDPwYjQ2&t=7fbf35ab:2:26992)
This is a production issue so any quick fixes/workarounds will be greatly appreciated.
For a better description of the issue and reproduction steps, please view the ticket: http://www.telerik.com/account/support-tickets/view-ticket?threadid=1010438 If a user clicks 'Ignore All' for a misspelled word, the focus moves to the next misspelled word after the last word included in the ignore all list. This becomes problematic when editing a large quantity of text and the user's trying to go through things in order, but the focus moves to the very bottom of the content area. In MS Word, it works as our users expect it would. Once 'Ignore All' is chosen, the very next misspelled word is highlighted.
The following code will trigger the issue: <ins author="Test user1" command="Insert" timestamp="1488935783059" title="Inserted by Test user1 on 3/7/2017, 5:16:23 PM" class="reU7"> <p cssproperty="verticalAlign" author="Test User2" timestamp="1488945891760" title="Formatted by Test User2 on 3/7/2017, 8:04:51 PM" class="reFormat reU0" command="Remove alignment"><span style="font-size: 12pt;"> </span><span style="font-size: 12pt; font-family: 'Times New Roman';">This is some sample text.</span></p> </ins> When track changes are enabled and you try to delete from the end of this text, the deleted characters move to the following lines with a strikethrough rather than just deleting.
The InsertLink light dialog has a typo in the for attribute of the URL label, causing a case mismatch with the input's id. This results in accessibility tools like Wave and SortSite reporting the URL textbox as an unlabeled control.
Steps to Reproduce
1. Add a RadEditor with EnableAriaSupport="true" to a page
2. Ensure the InsertLink tool is enabled (it is by default)
3. Click the InsertLink toolbar button to open the dialog
4. Run an accessibility audit using Wave, SortSite, or inspect the DOM
Expected Behavior
The label's for attribute should match the input's id attribute exactly, allowing accessibility tools to correctly associate the label with the input.
Actual Behavior
• Label has for="LinkURL" (uppercase "URL")
• Input has id="LinkUrl" (mixed case "Url")
Since HTML for/id matching is case-sensitive, the label is not properly associated with the input control.
Affected File
InsertLink.ascx
The sizes of the Document Manager & Generate ID buttons in the Hyperlink Manager dialog in Lightweight don't look correct - maybe they should be the same height as the textbox?
Problem
When using RadEditor with Track Changes and Comments features enabled and a non-English language setting (e.g., Language="pt-BR"), the confirmation and result dialog titles for bulk operations display mixed language content.
Affected dialogs:
Example of incorrect behavior:
Steps to Reproduce
Steps to reproduce:
1. Enable the PdfExportFilter filter
2. Open the page with RadEditor in the browser
3. Insert a table element
4. Select the Table in the Node Inspector and apply a width of 500px
5. Switch to HTML mode and you'll notice that the width attribute/inline style has gone
Dear support,
we've recently updated to the Telerik version 2025.4.1210.462 and are experiencing issues with the (relatively) new RadEditor filter EditorFilters.StripCssExpressions. In particular, setting the RadEditor.Content and rendering the RadEditor object drastically tanks performance in certain situations.
We're aware of the web.config setting to increase the Telerik.RegexMatchTimeout, but for a 79KiB content to be rendered basically instantaneously with the previously mentioned filter being explicitly disabled to take 23+ seconds to render if the filter is enabled is quite shocking to me.
Please find a simple sample page (including the content-value) attached.
We'd really like to use the new security features of the RadEditor, but given this performance impact, we'll be unable to ship this feature as-is.
(Off-topic: We're currently evaluating to re-enable the EditorFilters.StripJavaScriptUris which removed our base64-encoded images in the November release of Telerik, but got fixed with the December release.)
Thanks in advance for investigating this issue and I'll be awaiting your feedback.
Kind regards
Hi
I have a RadEditor control where some toolbar functionalities are not working.
After searching for a possible reason, I used the OnClientCommandExecuting client-side event and noticed that sometimes, instead of the args with its value, I found the item of a RadTreeList control present on the page.
I tried to reproduce the issue by inserting an Editor and a TreeList on a page. I write some text in the Editor and try to change the color or background. Not always (and I can't figure out when), but sometimes the args are incorrect.
For example, if I open a node of the tree, the error is almost certain after that.
I send you an image of my javascript debugger.
I don't know what I can do, do you have any ideas?
Thanks
Michela
There are some areas within the RADEditor that do not support localization: 1. Alerts for Accept All and Reject All track changes. 2. The Comments user interface. 3. Certain strings in the Undo menu. See attached.
Hi,
As per title and I also find out it able to reproduce in the demo site: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
Step:
1. Change to 'HTML' mode.
2. Open 'Find And Replace' dialog.
3. Enter a word to find and hit the 'Find' button.
Notice that the word does not get highlighted. It only happens in 'HTML' mode, 'Design' mode working fine.
Please help as this feature is very useful in my project.
Thank you.