A possible workaround: take the PageProperties.ascx dialog and use it as an external dialog in your project and change the _setClass: function to

_setClass: function (element, cssClassHolder) { element.className = cssClassHolder.get_value(); } 

We've noticed that when editing an Image Map on an image, the <map> tag will always be placed at the end of the HTML. While this not a problem in general, as most Browsers seem able to understand it, it can break the Image Map if such HTML is viewed in Outlook 2005-2010 under certain conditions:

Steps to reproduce, using the Rad Editor demo:

* create a table with 1 column, and 3 rows.

* Insert an image into the middle row

* Right Click Image -> Image Map Editor -> Add a couple of hot areas

* Close Image Map Editor

The editor will generate HTML from this, that has the <IMG> tag properly placed in the middle row column, but the associated <MAP> tag placed AFTER the closing </TABLE>. This will break the image map in Outlook, because it apparently requires the <map> to be in the same block or inline element as the associated <img>.

Is there a way to make the editor always place the <map> tag immediately after the <img> it belongs to, instead if placing it at the end of the current HTML?

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>

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>

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

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

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.

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.

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 the tracking feature is enabled some of the existing features don't work properly. For eg:
a. If existing text were bulleted they were not displayed properly.
b. If bulleted content was copied over from a web page and pasted into the RadEditor control formatting was not retained.
c. If text in the editor that was modified previously and not accepted by a user, a change made to the same text after some time does not capture the new username and date time stamp by the same /different user. 

Please fix the tracking feature for SharePoint

Inline commands such as bold, italic, underline doesn't trigger each time with empty selection in Internet Explorer.

The current content filters of the RadEditor control supports XHTML content, in which attributes should have a proper value. Although with HTML5 the browsers started supporting boolean attributes that could be used without any type of value.

Such attributes are being stripped or replaced, which at some point leads to an incorrect behavior if the user's HTML code.

It would be useful if developers could have the ability to modify this behavior and generate correct HTML5 code.

A possible usage of such attributes is when they are used as XHTML5 valid attributes, with the proper value (e.g. disabled="disabled").

i am looking for an example how to handle an uploaded screenshot with the radeditor.
it is a great feature, one reason why i took telerik, but i can't find the documentation for that.
do you have a link where i can look it up ?

FileBrowser pager slider tooltips: "Increase", "Decrease"

FileBrowser grid column resize: "Drag to resize" 

When the HTML content is set with nested list elements and an empty paragraph right after the primary list, deleting this empty paragraph will cause the nested list to go outside the list item.

This matter causes an incorrect HTML markup and additionally causes incorrect tool behavior.

Passing trough Design to HTML cures the issue (invoking the content filters) cures the issue, although there are cases where users cannot be prompted to do that.

Using native events to resolve the backspace behavior:

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

<script type="text/javascript">
    function OnClientLoad(editor, args) {
        editor.attachEventHandler("onkeydown", function (e) {
            if (e.keyCode == 8 && $telerik.isIE10Mode && !$telerik.isIE10) {
                var selElm = editor.getSelectedElement();
                var isCursorInFront = editor.getSelection().getRange().startOffset == 0;
                if (selElm && selElm.nodeName == "P" && isCursorInFront) {
                    editor.attachEventHandler("onkeyup", fixContent);
                }
            }
        });

        var fixContent = function () {
            editor.set_html(editor.get_html(true));
            editor.detachEventHandler("onkeyup", fixContent);
        }
    }
</script>

A proper workaround for this problem is applying this CSS rule:

div.RadEditor .RadRibbonBar .rrbButton img.rrbButtonImage {
    top:-7px;
}