Last Updated: 30 Dec 2019 15:59 by ADMIN

On Google Chrome, the following assingment ends up displaying the body of the html twice within the editor:

radEditor.Content="<HTML><HEAD><STYLE>@import url(./CSS/CI.css);</STYLE></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P></BODY></HTML>"

The resulting html becomes:
"<html><head><link href="/WebResource.axd?d=IgLlf5SIEZ-4m-Qr1qYVOGbMUL9-osMaMQXxs1c-ODIbmiiieGrgJ2ZuegoRNaCpJJ5zKojqJuk_FD7Cb69kb713UUGq1dCMsrFtihWFgnKkbYnlqQv7Lo2rUoUhmXHopZnTw7Cs3STs4GHdRuMnVHVdYHhRrcdV8Dgdv-U213Y1&amp;t=637050242483188892" type="text/css" id="RADEDITORSTYLESHEET0" rel="stylesheet"></head><body><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p></body></html>"

The issue is the "@import url(./CSS/CI.css);" within the Style tag, if the @import url, is removed, then it works as expected.

Works as expected on IE11.

If you add 2 <style> tags, the second one is displayed twice within the editor:

radEditor.Content = "<HTML><HEAD></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P><style>@import url(\"./CSS/CI.css\");</style><style>@import url(\"./CSS/CI2.css\");</style></BODY></HTML>";
Last Updated: 25 Nov 2019 13:49 by ADMIN
Release R1 2020
If you setup multiple RadEditor controls on a single page with RenderMode set to Lightweight then when you change the foreground or background colour on one control, the other controls update their toolbar at the same time.

Sample Page code
    <h1>Editor 1</h1>
    <telerik:RadEditor ID="editor1" runat="server" RenderMode="Lightweight"></telerik:RadEditor>

    <h1>Editor 2</h1>
    <telerik:RadEditor ID="editor2" runat="server" RenderMode="Lightweight"></telerik:RadEditor>

Last Updated: 22 Nov 2019 14:19 by ADMIN
When setting the DialogsCssFile property, the generated markup of the RadEditor wrapper changes from 

Radeditor RadEditor_<MyCustomSkin> reWrapper


Radeditor <MyCustomSkin> reWrapper.

Since the custom skins generated through the Theme Builder requires the Radeditor RadEditor_<MyCustomSkin> reWrapper class syntax, they won't be applied to the RadEditor body.

The string <MyCustomSkin> is the name of the custom skin.

To fix the problem explicitly set the RenderMode property of RadEditor to "Lightweight", i.e.

<telerik:RadEditor RenderMode="Lightweight" DialogsCssFile="~/MyCustomSkin/DialogContents.css" ID="RadEditor1" runat="server" Skin="MyCustomSkin" EnableEmbeddedSkins="false">
            <ImageManager ViewPaths="~/" UploadPaths="~/" />

Last Updated: 05 Nov 2019 17:54 by ADMIN
In RadEditor, when creating a table, then going to the Table Properties/Style builder/Border option, the Border Width information is pushed down and not all options are accessible.
Last Updated: 04 Nov 2019 14:57 by ADMIN
Created by: Chetan
Comments: 1
Category: Editor
Type: Bug Report

Hi Rumen,


I have encountered a problem as follows:

When a table is added to the radeditor with empty cells, after inserting text in  the empty cell and rejecting the track changes, the complete td (cell) is removed.

Figure shows text inserted in empty cell with track changes on

After rejecting this track changes:

The cell has been removed and you can see the space in the end

You can use the following table code to reproduce the same, I have tried this in the demo link:

<table frame="topbot" class="body_table">
            <th class="td_h">Catalyst</th>
            <th class="td_h">Loading [mg cm<sup>&minus;2</sup>]</th>
            <th class="td_h">Tafel slope [mV decade<sup>&minus;1</sup>]</th>
            <th class="td_h">ECSA [cm<sup>2</sup>]</th>
            <th class="td_h"><em>R</em><sub>ct</sub> at &eta; = 100 mV [&Omega;]</th>
            <th class="td_h">&eta; @ <sub>&minus;</sub>10 mA cm<sup>&minus;2</sup><sub>geo</sub> [mV]</th>
            <th class="td_h">&eta; @ &minus;0.2 mA cm<sup>&minus;2</sup><sub>ECSA</sub> [mV]</th>
            <th class="td_h">Current at &eta; = 100 mV [mA cm<sup>&minus;2</sup>]</th>
            <th class="td_h">Mass activity at &eta; = 100 mV [A g<sup>&minus;1</sup>]</th>
            <th class="td_h">TOF<sub>avg</sub> at &eta; = 100 mV (H<sub>2</sub> s<sup>&minus;1</sup>)</th>
            <td class="td1">0.1 C anodized</td>
            <td class="td1">0.081</td>
            <td class="td1">52</td>
            <td class="td1"><ins author="RadEditorUser" command="Insert" timestamp="1572804414617" title="Inserted by RadEditorUser on 11/3/2019, 11:36:54 PM" class="reU0">fdff</ins></td>
            <td class="td1">4.6</td>
            <td class="td1">51</td>
            <td class="td1">74</td>
            <td class="td1">&minus;67.00</td>
            <td class="td1">827.55</td>
            <td class="td1">0.93</td>
            <td class="td1">2.0 C anodized</td>
            <td class="td1">0.172</td>
            <td class="td1">78</td>
            <td class="td1">191.9</td>
            <td class="td1">7.6</td>
            <td class="td1">88</td>
            <td class="td1">122</td>
            <td class="td1">&minus;15.10</td>
            <td class="td1">87.88</td>
            <td class="td1">0.13</td>
            <td class="td1">0.1 C O<sub>2</sub> plasma</td>
            <td class="td1">0.045</td>
            <td class="td1">48</td>
            <td class="td1">5.8</td>
            <td class="td1">3.9</td>
            <td class="td1">78</td>
            <td class="td1">34</td>
            <td class="td1">&minus;24.97</td>
            <td class="td1">559.87</td>
            <td class="td1">6.96</td>
            <td class="td1">2.0 C O<sub>2</sub> plasma</td>
            <td class="td1">0.177</td>
            <td class="td1">84</td>
            <td class="td1">103.4</td>
            <td class="td1">5.0</td>
            <td class="td1">123</td>
            <td class="td1">146</td>
            <td class="td1">&minus;4.65</td>
            <td class="td1">26.25</td>
            <td class="td1">0.072</td>
            <td class="td1">0.1 C heat</td>
            <td class="td1">0.037</td>
            <td class="td1">58</td>
            <td class="td1">7.6</td>
            <td class="td1">94.1</td>
            <td class="td1">163</td>
            <td class="td1">110</td>
            <td class="td1">&minus;0.95</td>
            <td class="td1">25.75</td>
            <td class="td1">0.302</td>
            <td class="td1">2.0 C heat</td>
            <td class="td1">0.630</td>
            <td class="td1">80</td>
            <td class="td1">11.5</td>
            <td class="td1">36.6</td>
            <td class="td1">106</td>
            <td class="td1">65</td>
            <td class="td1">&minus;8.24</td>
            <td class="td1">13.07</td>
            <td class="td1">0.662</td>
            <td class="td1">0.1 C acid</td>
            <td class="td1">0.103</td>
            <td class="td1">70</td>
            <td class="td1">11.1</td>
            <td class="td1">165.2</td>
            <td class="td1">162</td>
            <td class="td1">126</td>
            <td class="td1">&minus;2.09</td>
            <td class="td1"></td>
            <td class="td1">0.199</td>
            <td class="td1">2.0 C acid</td>
            <td class="td1">0.683</td>
            <td class="td1">75</td>
            <td class="td1">22.9</td>
            <td class="td1">14.1</td>
            <td class="td1">102</td>
            <td class="td1">101</td>
            <td class="td1">&minus;9.48</td>
            <td class="td1">13.88</td>
            <td class="td1">1.15</td>

Do let me know if you need any further information on the same.






Last Updated: 02 Oct 2019 14:29 by ADMIN
Test the code below on iPhone and mobile chrome/safari and you'll get a JS error:

<script type="text/javascript">
    EditorCommandList = Telerik.Web.UI.Editor.CommandList;
    EditorCommandList["ApplySizeColor"] = function (commandName, editor, args) {
        if (editor.getSelectionHtml() != "") {
  "FontSize", { value: "4" }); //fire the FontSize command
  "ForeColor", { value: "red" });  //fire the ForeColor command
        else {
            alert("Please, select some text!");
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" NewLineMode="Br" ContentAreaMode="Div" Height="500" Width="100%" Skin="Metro" _OnClientCommandExecuting="OnClientCommandExecuting">
        <telerik:EditorHeaderTool Name="ApplySizeColor" />
        <telerik:EditorHeaderTool Name="Redo" />
        <telerik:EditorHeaderTool Name="MobileEdit" Position="Right" />
        <telerik:EditorHeaderTool Name="ToggleScreenMode" Position="Right" />
                <telerik:EditorTool Name="ApplySizeColor" Text="Apply Size and Color" ShowText="true"></telerik:EditorTool>
Last Updated: 04 Sep 2019 16:00 by ADMIN
The problem appears to be related to the image and table resizing feature (introduced in Q3 2013), implemented for the Chrome browser. When the content has a large amount of nested tables with images, selecting an image is causing a slow operation and even an unexpected crash of the browser. 

With this example code you can disable the feature and resolve the performance issue:

<telerik:RadEditor ID="RadEditor1" runat="server">
<script type="text/javascript">
	Telerik.Web.UI.RadEditor.prototype._initializeResizableWidget =
		function myfunction() { };

Note that this line of code will disable the image/table resizing only for Chrome. Under Firefox and IE this feature is provided by the browser and will still be available.
Last Updated: 04 Sep 2019 15:57 by ADMIN
When you resize the RadEditor beyond the boundaries of the browser's viewport, absolute positioning will be applied to the control, which could result in problems with the layout in certain cases.

You can use the following workaround to fix the positioning of the editor until the problem is resolved. Just add the script below at the end of your page:

<script type="text/javascript">
                var onResizeStart = Telerik.Web.UI.RadEditor.prototype.onResizeStart;
                Telerik.Web.UI.RadEditor.prototype.onResizeStart = function() {
                                var editorWrapper = this.get_element();
                                this.resizeStartPosition = {

                var onResizeEnd = Telerik.Web.UI.RadEditor.prototype.onResizeEnd;
                Telerik.Web.UI.RadEditor.prototype.onResizeEnd = function() {
                                var editorWrapper = this.get_element();
                                if (this.resizeStartPosition && this.resizeStartPosition.position != {                                             
                                                                position: this.resizeStartPosition.position,
                                                                left: this.resizeStartPosition.left
Last Updated: 04 Sep 2019 15:47 by ADMIN
Last Updated: 04 Sep 2019 15:47 by ADMIN
When an Image or a Table elements are being inserted into the content of the editor, the undo command should revert the insertion.
Last Updated: 04 Sep 2019 15:45 by ADMIN
When you copy a table from MS Excel and you paste it in the RadEditor under Chrome, an image that depicts the copied table will be inserted in the content area of the control along with the table.

You can use the following workaround to avoid inserting an image with the table:

        <telerik:RadEditor runat="server" ID="RadEditor1">

        <script type="text/javascript">
            var getImages = Telerik.Web.UI.Editor.ClipboardImagesProvider.prototype.getImages;
            Telerik.Web.UI.Editor.ClipboardImagesProvider.prototype.getImages = function (event) {
                var images =, event);
                if (event.clipboardData && images.length && event.clipboardData.getData("text/html")) {

                    return [];

                return images;
Last Updated: 04 Sep 2019 15:44 by ADMIN
Inserting a table is causing the user to switch to HTML mode and insert manually a br element, so that he could start typing in the next line.

Possible solution is attaching this Client-side method on the OnClientCommandExecuted event of the RadEditor control:

<telerik:RadEditor runat="server" ID="RadEditor1"

<script type="text/javascript">
    function OnClientCommandExecuted(editor, args) {
        var command = args.get_commandName();
        if (command = "InsertTable") {
            var selection = editor.getSelection();
            var range = selection.getRange();
            if (range.pasteHTML) {
                range.pasteHTML("<br />");
            else {

The following workaround entirely changes the behavior by modifying the selection and selects the first TD

<telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml">

<script type="text/javascript">
    var identifierID = "RadEditor_AfterTable";

    function OnClientPasteHtml(editor, args) {
        var commandName = args.get_commandName();

        if (commandName === "InsertTable" || commandName === "TableWizard" ) {
            var currValue = args.get_value();
            currValue = currValue.replace(/<\/table>/gi, "</table><div id=" + identifierID + ">&#x200B;</div>");
            //currValue = currValue + "<div id=" + identifierID + ">&#x200B;</div>";
            setTimeout(function () {
            }, 0);

    function selectFirstTD(editor) {
        var $ = $telerik.$;
        var contBody = editor.get_contentArea();
        var identifier = $(contBody).find("#" + identifierID);
        var table = identifier.prev();
        var elmToSelect = table.find("th")[0] || table.find("td")[0];

        if (elmToSelect.childNodes && !$telerik.isIE) {
            elmToSelect = elmToSelect.childNodes[0].nodeName === "#text" && elmToSelect.childNodes[0];

        var hasNextElement =[0];
        while (hasNextElement && $(hasNextElement).is("style")) {
            hasNextElement = $(hasNextElement).next()[0];

        if (!hasNextElement) {

Last Updated: 04 Sep 2019 15:44 by ADMIN
The main issue is the inconsistent behavior of the borders around the content area.
Last Updated: 04 Sep 2019 15:44 by ADMIN
The initial problem is related with the JS error, because of which the editor's initialization is interrupted.  

You can workaround this by incorporating this piece of code:

<telerik:RadWindow ID="RadWindow1" runat="server" Width="805" Height="450" VisibleOnPageLoad="true">
		<telerik:RadEditor runat="server" ID="RadEditor1" Height="200" Width="400" >

<script type="text/javascript">
	var oldCommand = Telerik.Web.UI.RadEditor.prototype.toggleEnhancedEdit;

	Telerik.Web.UI.RadEditor.prototype.toggleEnhancedEdit = function (newValue) {
		if ($telerik.isSafari && typeof (newValue) != "undefined" && false == this.disableContentAreaStylesheet(newValue)) {
			window.setTimeout(Function.createDelegate(this, function () {
			}), 200);
		} else {, newValue);

Last Updated: 04 Sep 2019 15:43 by ADMIN
If a list is created and every bullet is with different stylization. Stripping all formatting is causing the content to be inserted into one bullet and the styles are not correctly stripped. 
Last Updated: 04 Sep 2019 15:43 by ADMIN
When you add a symbol to the end of a line in IE, the cursor moves down to the next line.  This behavior does not exist in FF or Chrome, and it did not exist for IE in previous versions of the Editor.

Here is a video demonstrating the problem using the Telerik demo editor.

Last Updated: 04 Sep 2019 15:20 by ADMIN
Created by: Slav
Comments: 1
Category: Editor
Type: Bug Report
When the Template Manager tool of RadEditor is enabled, the content of its dialog window is not loaded under IE.
Last Updated: 04 Sep 2019 15:18 by ADMIN
When an edited image is saved in the Editor's ImageManager, the file is selected but the preview/properties areas on the right are not active. The user should click first on another image and then come back to the edited one, in order to be able to preview it or to change its properties.
Video, demonstrating the behavior:
Last Updated: 04 Sep 2019 15:15 by ADMIN
1. Go to http:/
2. Choose the bullet list command from the toolbar and type some text
3. Choose the FormatCodeBlock command and insert some text
4. Press SHIFT+ENTER to insert <br>

Actual: If you continue pressing enter, new lines will not be inserted.
Expected: New lines are inserted.
Last Updated: 04 Sep 2019 15:14 by ADMIN
Under IE the get_text() retrieves only one word if there are many in the cells of a table.

This breaks the result of the RadEditorStatistics tool.
1 2 3 4 5 6