Hi,

We have just upgraded our controls to fix a security concern with the file upload control. 

However having done this the radeditor nolonger works with firefox. You cannot enter any text into the editor.

Just wanted to know if this was a known issue and if there is a fix/work around.

When RadEditor is set with width of 100% switching to Full Screen mode and going back from Full Screen to the initial mode, the content area becomes only few lines high.

The following temporary solution should resolve the layout issue for common scenarios:

<telerik:RadEditor ID="txtComments" runat="server" Width="100%" 
	OnClientCommandExecuted="OnClientCommandExecuted">
</telerik:RadEditor>

<script type="text/javascript">
	function OnClientCommandExecuted(sender, args) {
		if (args.get_commandName() === "ToggleScreenMode") {
			sender.repaint();
		}
	}
</script>

Inserting an image after opening ImageManager from within the ImageManager's Properties tab throws JS error. The issue is reproducible both in IE and Firefox

video: http://screencast.com/t/n4T0XYtSpt

In the ImageManager when using AsyncUpload as the upload manager control, the uploaded image is not selected. This prevents a fluent workflow of upload and insert of the image.

The image preview should react in a contextual way when deleting the image as well. Then the previewer should stay empty as is the case with a first load of the dialog.

ImageManager loses the selection after an image has been edited into the ImageEditor and saved with new file name.

video: http://screencast.com/t/rZIp4iioehE

The Text property of the editor converts the html into plain text. Very handy. It would be really helpful if this could be exposed as a static method on the editor for use elsewhere, without having to create an editor object.

 I know that I could just grab the source code and create my own, but then I don't get the benefit of improvements and bug fixes you may add in the future.

When the Toggle Full Screen is pressed the RadEditor does not fill the entire page.

The changes applied to a newly uploaded image through the ImageEditor are not taken into account when inserting the image in RadEditor. The issue is reproducible in all browsers.

video: http://screencast.com/t/Uz4BAr9Lj

Currently it is not possible to set the value of a password input in the content area of RadEditor via the Design view.

When a groupbox is inserted and start typing text, the fieldset stays fixed in size.

You can use the following resolved command:

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

<script type="text/javascript">
	Telerik.Web.UI.Editor.CommandList.InsertGroupbox = function myfunction(commandName, editor, args) {
		var localizedTitle = editor.getLocalizedString("RadEditorGroupboxTitle", "Title");
		var localizedContent = editor.getLocalizedString("RadEditorGroupboxContent", "Content...");
		value = "<fieldset style='width: 200px; min-height: 76px'> <legend>" + localizedTitle + "</legend>" + localizedContent + " </fieldset> ";

		editor.pasteHtml(value, commandName);
	}
</script>

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">
        </telerik:RadEditor>

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

                    return [];
                }

                return images;
            };
        </script>

When a new line is entered (no matter which mode) the new lines does not break the text into separate words. 

To workaround this problem you can use the following get_text() method with the additional replacement logic:

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

<script type="text/javascript">
    Telerik.Web.UI.RadEditor.prototype.get_text = function()
    {
        var $T = Telerik.Web.UI;
        var modeEnum = $T.EditModes;
        var oContent = "";
        if (this.get_mode() != modeEnum.Html)
        {
            var oArea = this.get_contentArea();
            if (oArea)
            {
                if (oArea.innerText) {
                    oContent = oArea.innerText;
                }
                else {
                    oContent = oArea.innerHTML;
                    oContent = oContent.replace(/<br>/ig, "\r\n");
                    oContent = oContent.replace(/<\/p>/gi, "\r\n");
                    oContent = oContent.replace(/&nbsp;/gi, "\s");
                    if (this.get_newLineMode() === $T.EditorNewLineModes.Div) {
                        oContent = oContent.replace(/<\/div>/gi, "\r\n");
                    }
                    oContent = oContent.replace(/<\/?[^>]*>/ig, "");
                    oContent = oContent.replace(/<!--(.|\s)*?-->/gi, "");
                }
            }
        }
        else
        {
            oContent = this._getTextArea().value.replace(/<\/?[^>]*>/ig, "");
        }
        return oContent;
    };
</script>

The scenario is related to RadEditor working with content providers. When inserting an image in chrome through Image Manager, the default width and height are applied to the HTML. The behavior is observed only in Chrome browser.

When the RadEditor is used on Chrome, it is not focused and you click on the empty space in the content area or call the client-side function 'setFocus', the cursor in the content area will not appear, because the editor does not get the focus.

You can use the following workaround to avoid the problem when the editor's content is clicked:
        <telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad">
        </telerik:RadEditor>

        <script type="text/javascript">
            function OnClientLoad(editor, args) {
                if ($telerik.isChrome) {
                    setTimeout(function () {
                        var body = editor.get_contentArea();
                        var contentElm = editor.get_contentAreaElement();

                        body.style.height = (contentElm.offsetHeight - 10) + "px";
                    }, 0);
                }
            }
        </script>

The RadEditor's Media Manager dialog uses pasteHtml functionality to insert Object elements in the contentArea. The pasteHtml functionality do not position the cursor correctly for this case (pasted content ends with a object).

The issue can be workarounded by appending a character after the object. Then using a content filter the additional characters will be removed.

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

<script type="text/javascript">
	function OnClientPasteHtml(editor, args) {
		if ($telerik.isChrome && args.get_commandName() == "MediaManager") {
			args.set_value(args.get_value() + String.fromCharCode(8203));
		}
	}

	function OnClientLoad(editor, args) {
		if ($telerik.isChrome) {
			editor.get_filtersManager().add(new MyFilter());
		}
	}

	MyFilter = function() {
		MyFilter.initializeBase(this);
		this.set_isDom(false);
		this.set_enabled(true);
		this.set_name("RadEditor filter");
		this.set_description("RadEditor filter description");
	}
	MyFilter.prototype =
	{
		getHtmlContent: function(content) {
			return content.replace(/(object>)[\u200b]/gm, "$1"); // or content.replace(/[\u200b]/gm, "")
		},
		getDesignContent: function(content) {
			return content;
		}
	}
	MyFilter.registerClass('MyFilter', Telerik.Web.UI.Editor.Filter);
</script>

The Node Inspector module is not working when inspecting form elements that are inserted via the 'Insert Form Element' command in IE11.

When the content area mode is a Div element, every ajax post back is causing a flickering of the content.

According to the WAI-ARIA specification, the  Shift+Tab in Rich Text Box should focus the toolbar if the cursor is in the content area.As a side effect the Tab functionality get executed instead of Shift+Tab.

The behavior is correct in FF and IE, but not in Chrome

Possible workaround is overriding the InsertShiftTab command with this function:

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

<script type="text/javascript">
	Telerik.Web.UI.Editor.CommandList.InsertShiftTab = function (commandName, editor, oTool) {
		var oParent = editor.getSelectedElement();
		if (typeof (oParent.tagName) == "undefined")
			oParent = oParent.parentNode;

		var tdNode = Telerik.Web.UI.Editor.Utils.getElementParentByTag(oParent, "TD");
		if (tdNode) {
			Telerik.Web.UI.Editor.Utils.MoveToPreviousCell(tdNode, editor);
		}
		else {
			setTimeout(function () {
				var toolsArray = editor.get_toolAdapter().get_tools();
				var lastTool = toolsArray[toolsArray.length - 1].get_element();

				if (document.activeElement !== lastTool) {
					lastTool.focus();
				}
			}, 0);
		}
		return false;
	};
</script>

When there is some bold text in the content and teh backspace is used to delete it, the browser crashes. 

The problem stems from the new implementation of the inline commands. To resolve this you can roll back to the default browser behavior as described in the following help article:
http://www.telerik.com/help/aspnet-ajax/editor-inline-and-block-commands-behavior-change.html

When an Image or a Table elements are being inserted into the content of the editor, the undo command should revert the insertion.