Completed
Last Updated: 03 May 2016 14:09 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Editor
Type: Bug Report
0
For the time being you can use the following workaround:
		<telerik:RadEditor ID="RadEditor1" runat="server" ></telerik:RadEditor>
		<script>
			var oldExecute = Telerik.Web.UI.Editor.InsertLinkCommand.prototype.onExecute;

			Telerik.Web.UI.Editor.InsertLinkCommand.prototype.onExecute = function () {
				this.linkProperties.href = encodeURI(this.linkProperties.href);
				oldExecute.call(this);
			}
		</script>
Completed
Last Updated: 17 May 2018 11:17 by ADMIN
You can workaround this issue by resetting the content area's height only for IE:

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

<script>
    function OnClientLoad(editor, args) {
        if ($telerik.isIE) editor.get_contentArea().style.height = "auto";
    }
</script>
Completed
Last Updated: 17 Mar 2016 15:43 by conall
Completed
Last Updated: 02 Nov 2016 10:43 by Shane
When a partially copied table is pasted into the Editor in Chrome, it is pasted wrapped in the folloing div, making it not visible:

<div class="telerik_paste_container" style="border-width: 0px; position: absolute; overflow: hidden; margin: 0px; padding: 0px; left: 3px; top: 215px; width: 1px; height: 1px;">
...
</div>


Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Clear the contents of the editor
3. Insert a table (any configuration of rows and columns) 
4. Go to a new line
5. Type a word on the new line
6. Select the word and a partial amount of the inserted table
7. Copy
8. Paste
9. Navigate to the HTML browser of the editor
10. Observe the "telerik_paste_container" still wrapping the pasted content

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

<script type="text/javascript">
	var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
	var onAfterPaste = editorPrototype._onAfterPaste;
	editorPrototype._onAfterPaste = function (range, tmpPasteContainer) {
		try {
			onAfterPaste.call(this, range, tmpPasteContainer);
		} catch (e) { }
		$telerik.$(this.get_contentArea()).find(".telerik_paste_container").remove();
	};
</script>
Completed
Last Updated: 08 Jan 2016 14:39 by ADMIN
You can workaround this issue by using this override:

<telerik:RadEditor runat="server" ID="RadEditor1">
    <Content>
        <br/>
        <iframe src="about:blank">Iframe not supported</iframe>
    </Content>
</telerik:RadEditor>

<script>
    Telerik.Web.UI.Editor.Utils._copyElementsBetweenNodes = function (oldNode, newNode, elementName)
    {
        var oldElements = oldNode.getElementsByTagName(elementName);
        var newElements = newNode.getElementsByTagName(elementName);
        for (var i = 0; i < oldElements.length; i++)
        {
            switch (elementName)
            {
                case "script":
                case "title":
                    newElements[i].text = oldElements[i].text;
                    break;
                case "style":
                    if (newElements[i].innerHTML != oldElements[i].innerHTML)
                    {
                        newElements[i].styleSheet.cssText = oldElements[i].styleSheet.cssText;
                    }
                    break;
                case "select":
                    newElements[i].selectedIndex = oldElements[i].selectedIndex;
                    break;
                case "input":
                    if ((oldElements[i].type == 'radio' || oldElements[i].type == 'checkbox') && $telerik.$(oldElements[i]).attr("checked"))
                    {
                        $telerik.$(newElements[i]).attr("checked", "checked");
                        if ($telerik.isIE9Mode && oldElements[i].type == 'checkbox' && oldElements[i].checked)
                        {
                            newElements[i].checked = true;
                            newElements[i].setAttribute("checked", "checked");
                        }
                    }
                    break;
                case "iframe":
                    var innerHTML = oldElements[i].innerHTML;
                    if (innerHTML)
                    {
                        var outerHTML = newElements[i].outerHTML;
                        if (outerHTML)
                        {
                            var gtIndex = outerHTML.indexOf(">");
                            if (gtIndex > 0)
                            {
                                outerHTML = outerHTML.substr(0, gtIndex) + ">" + innerHTML + outerHTML.substr(gtIndex + 1 + innerHTML.length);
                                newElements[i].outerHTML = outerHTML;
                            }
                        }
                    }
                    break;
                default:
                    if (newElements[i].innerHTML != oldElements[i].innerHTML)
                        $E.Utils.setElementInnerHtml(newElements[i], oldElements[i].innerHTML);
                    break;
            }
        }
    };
</script>
Completed
Last Updated: 10 Dec 2015 09:13 by ADMIN
For example, using this markup:

<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="RibbonBar">
</telerik:RadEditor>

and this Page_Init code:

protected void Page_Init(object sender, EventArgs e)
{
    RadEditor1.RenderMode = RenderMode.Lightweight;
}

Causes icons to either miss or their position is incorrect.
Completed
Last Updated: 05 Feb 2016 11:41 by ADMIN
The content is not scrolled to the end of the pasted content in IE11 - the scrollbar keeps its initial position instead. The issue is reproducible in IE (tested in IE11) and Chrome, but not in Firefox nor standard editable iframe.

Steps to reproduce:
1. Open in IE: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Paste big enough content, so the scrollbar will be shown

Actual: The scrollbar stays on the top.
Expected: The content area is scrolled to the end of the pasted content

Possible workaround could be creating a temporary selectable element after the pasted content, which to be selected manually:
		<telerik:RadEditor ID="txtMessage"  runat="server" OnClientPasteHtml="OnClientPasteHtml">
		</telerik:RadEditor>
		<script>
			function OnClientPasteHtml(editor, args) {
				if (args.get_commandName() == "Paste" && $telerik.isIE) {
					args.set_value(args.get_value() + "<div id='selectableEl'></div>");
					setTimeout(function () {
						var selectedEl = editor.get_document().getElementById("selectableEl");
						console.log(editor.getSelectedElement());
						Telerik.Web.UI.Editor.Utils.scrollTo(selectedEl, editor);
						$telerik.$(selectedEl).remove();
					}, 0);
				}
			}
		</script>
Completed
Last Updated: 19 Jan 2016 08:13 by Erik
In scenarios where RadEditor is moved through the DOM the typical approach is to call the onParentNodeChanged method in order to re-render the editor. In Edge browser this does not work. CleanAtributes filter is alerted as failed and further RadEditor is unresponsive. 

Temporary solution is to switch the content area mode to DIV:

     <telerik:RadEditor ID="RadEditor1" runat="server" ContentAreaMode="Div" />
Completed
Last Updated: 20 Jun 2017 14:52 by ADMIN
Using plain RadEditor controls with default Default toolbar where ToolProvideID is also used, a JS error is thrown and ToolProvide mechanism does not operate as expected. 

As a temporary workaround, you can use any other toolbar mode (e.g., ShowOnFocus).
Completed
Last Updated: 21 Dec 2016 05:58 by ADMIN
Setting render mode to auto or lightweight via the web.config does not affect the rendering of RadEditor with markup that is used with FileManager's composite properties. For example, ImageManager-MaxUploadFileSize, ImageManager-ViewPaths, etc. 


For the time being, you can explicitly set the RenderMode property of RadEditor to either Auto or Lightweight in order to resolve the problem. 
Completed
Last Updated: 29 Sep 2015 12:05 by ADMIN
FileBrowser dialogs cannot upload files greater than 200kb when AsyncUpload is disabled (i.e., the Upload control is used instead). 
Completed
Last Updated: 02 Oct 2015 10:05 by ADMIN
The RadEditor is posting multiple symbols when you select to insert a symbol. This happen when the RenderMode is set to LightWeight. The problem is reproducible also when inserting code snippets via the "Insert Code snippet" tool.
video - http://screencast.com/t/DfBMWrW4Px7I

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/rendermodes/defaultcs.aspx
2. Try to insert a symbol through "Insert Symbol" command
    Result: Two symbols are inserted instead of one
Completed
Last Updated: 11 Sep 2015 08:53 by Jenny
ADMIN
Created by: Danail Vasilev
Comments: 2
Category: Editor
Type: Bug Report
5

			
Completed
Last Updated: 29 Sep 2015 11:10 by ADMIN
The click event of the button is not prevented and the native anchor behavior occurs. This causes the page to scroll to the top and a # to appear in the URL. 

You can use the following code snippet to prevent the native click behavior of the anchor element and workaround the issue:

<telerik:RadEditor runat="server" ID="RE1" ToolbarMode="Floating" OnClientLoad="OnClientLoad"></telerik:RadEditor>

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(".RadEditor a[title='Toggle Floating Toolbar']").attr("href", "javascript:void(0);")
    }
</script>
Completed
Last Updated: 27 Aug 2015 06:49 by Khushboo
ADMIN
Created by: Vessy
Comments: 1
Category: Editor
Type: Bug Report
3
When link is given to any image or text, Unlink command should get enabled. But it gets enabled for text only while remains disabled for images.
http://screencast.com/t/xHgru58pzKL

The issue has been reproducible since 2015 Q1 release
Completed
Last Updated: 07 Jun 2016 07:38 by ADMIN
Created by: Khushboo
Comments: 1
Category: Editor
Type: Bug Report
2
When link is given to image or text, Unlink command should get enabled. But it gets enabled for text only while remains disabled for images. 

To get a better understanding, please refer to the following video:
http://screencast.com/t/xHgru58pzKL
Completed
Last Updated: 21 Aug 2015 15:31 by ADMIN
The error causes the editor's content area not to render. 

The following script can be used as a temporary workaround:

<telerik:RadEditor runat="server" ID="RadEdior1" OnClientSelectionChange="OnClientSelectionChange">
</telerik:RadEditor>

<script type="text/javascript">
    function OnClientSelectionChange(editor, args) {
        if (!editor.getSelectedElement()) {
            editor.focusFirstText();
        }
    }
</script>

Completed
Last Updated: 01 Dec 2015 12:14 by ADMIN
ADMIN
Created by: Ianko
Comments: 1
Category: Editor
Type: Bug Report
0
When user has changed image properties via Image Properties dialog, changes are getting cleared when area is being added via Image Map Editor. 
Completed
Last Updated: 16 Jul 2015 05:02 by siddhi
Trying to operate with images in RadEditor under IE11 leads to unresponsiveness. For example, using the paragraph style, selecting an image and switching to HTML and Design mode, etc.

You can workaround that by forcing the compatibility mode of the IE to IE8:

<meta http-equiv="X-UA-Compatible" content="IE=8" />
Completed
Last Updated: 08 Sep 2015 10:34 by Luigi Gaeta
When there is a need to open dialogs in browser's window instead of RadWindow, the UseClassicDialogs property is being used. With the release of Q2 2015 the functionality stopped working and throws JS error when a dialog is opened. 

To workaround this behavior you can apply the JS patch as shown below:  

    <telerik:RadEditor runat="server" ID="RadEditor1"></telerik:RadEditor>
    
    <script type="text/javascript">
        Telerik.Web.UI.RadDialogOpener.prototype._applyParameters = function (dialogName, container) {
            //If no parameters provided, return
            var parameters = this._getDialogParameters(dialogName);
            if (!parameters) return;
    
            var parametersUrlPart = "&dp=" + encodeURIComponent(parameters);
            var baseUrl = this._getBaseDialogUrl(dialogName);
            var totalUrlLength = baseUrl.length + parametersUrlPart.length;
    
            var parametersPassedFromClient = this._dialogParametersProviderTypeName == "";
            var parametersPassedThroughUrl = parametersPassedFromClient && totalUrlLength <= this.get_dialogUrlLengthLimit();
    
            if (parametersPassedThroughUrl) {
                //NEW: If the dialog features the same URL, do not reload it
                var curUrl = container.get_navigateUrl();
                var url = baseUrl + parametersUrlPart;
    
                if (curUrl != url) {
                    if (this.get_useClassicDialogs() || container.isCreated()) {
                        container.setUrl(url);
                    }
                    else {
                        container.set_navigateUrl(url);
                    }
                }
                else //Reinitialize
                {
                    var contentFrame = container.get_contentFrame();
                    if (contentFrame && contentFrame.contentWindow && contentFrame.contentWindow.$find) {
                        //TODO: Probably implement a global function initializeDialog that will be called automatically - easy for custom dialogs
                        var initDialog = contentFrame.contentWindow.initDialog;
                        if (initDialog) {
                            contentFrame.contentWindow.setTimeout(function () { initDialog(); }, 1);
                        }
                    }
                }
            }
            else {
                container.setUrl(baseUrl);
                container.DialogParameters = parameters;
            }
        };
    
    </script>