In MS Word, if the entire list item is selected, changing the font-size will change the character's formatting too. While selecting only a text node (e.g., without highlighting) will not apply formatting to the list item.

In the RadEditor there is no option to somehow control the size of the bullet points. The only way is the user to switch to HTML mode and manually add font-size attribute in the <li> element.

It would be nice if there is a possibility to change the formatting similar to the editing experience in MS Word.

http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

1. Delete the content and create a list
2. Press Enter several times

Expected: The list is interrputed
Actual: The list cannot be interrupted

RadEditor produces invalid HTML when nesting lists in IE11 and IE10.

The validation error is: UL element cannot be nested within element UL

Setting invalid content into RadEditor leads to unexpected behavior such as content getting lost in certain situations.

Just opening a page with RadEditor in such device the following errors are thrown:

Error while executing filter FixUIBoldItalic - TypeError: Unable to get property 'getElementsByTagName of undefined or null reference

and

Error while executing filter ConvertFontToSpanFilter - TypeError: Unable to get property 'ownerDocument' of undefined or null reference


For the time being you can disable the filters to workaround the issue:

protected void Page_Load(object sender, EventArgs e)
{
    RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.FixUlBoldItalic);
    RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.ConvertFontToSpan);
}

Handling the OnClientPasteHtml event of the editor cannot be used properly, because the logic cannot rely on the command name to further interact with pasted content.

For the time being you can use the following script to workaround the issue:

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

<script type="text/javascript">
	Telerik.Web.UI.Editor.CommandList.PastePlainTextWithTable = function (commandName, editor, args) {
		if (editor.get_lockFormatting && !editor.get_lockFormatting())
			return;

		if ($telerik.isIE) {
			var restorePoint = editor.createRestorePoint(),
				utils = Telerik.Web.UI.Editor.Utils,
				dirtyText = utils.getClipboardAsHtml(editor),
				cleanedText = utils.cleanPastedContent(dirtyText,
				editor.get_stripFormattingOptions(),
				editor.get_localization()["askwordcleaning"], false);

			restorePoint.select();
			editor.pasteHtml(cleanedText, args.get_commandName());
		}
	};
</script>

When a TD element (or any other block element) is applied with inline stylization (e.g. style="font-weight: bold;") and has a BR in the end gets duplicated after removing the stylization via the inline command (e.g., Bold). 

A div element is considered as a new line and can be transformed to a list item, although the reverse logic does not work. When NewLineMode is set to Div, the list item is transformed to paragraph instead div element.

Currently, if a paragraph has altered line-height in MS Word, pasting it into the RadEditor results to a normal paragraph with not affection to the line-height CSS property. 

For the time being you can disable the StripCssExpressions  filter:
    protected void Page_Load(object sender, EventArgs e)
    {
		RadEditor1.DisableFilter(Telerik.Web.UI.EditorFilters.StripCssExpressions);
    }

Alternative approach to fix the issue is removing the StripCssExpressions filter from the client-side filters collection, so that the server-side functionality could still sanitize the HTML content:

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

<script type="text/javascript">
	function OnClientInit(sender, args) {
		sender.set_contentFilters(sender.get_contentFilters() - Telerik.Web.UI.EditorFilters.StripCssExpressions);
	}
</script>

The RadWindow used to hold the toolbar does not have a proper width set and the toolbar's layout is unusable.
Possible workarounds:
- avoid setting the Width property of the editor in percent
- set the ToolsWidth property to the desired static value
- use the following script to calculate the current dimensions each time the toolbar shows up:
function OnClientLoad(sender, args) {
	var toolPopup = sender.get_toolAdapter().get_window();
	toolPopup.__editor = sender;
	toolPopup.add_show(resizeToolWindow);
}

function resizeToolWindow(sender, args) {
	if (sender.__editor) {
		var editorDims = $telerik.getBounds(sender.__editor.get_element());
		sender.set_width(editorDims.width);
		var currDims = sender.getWindowBounds();
		sender.moveTo(editorDims.x, editorDims.y - currDims.height - 10);
	}
}

where the OnClientLoad function is attached to the OnClientLoad event of the editor


Leave your comment on the desired behavior - whether the toolbar should have a static width (i.e., the initial width with which the editor renders, as is the current behavior with the ShowOnFocus ToolbarMode), or whether it should update its width according to the editor width when it shows up (as the script above does).

When pasting a list element in the editor via the pasteHtml method, the cursor is positioned in the beginning of the first possible list element. The expected behavior should be to be placed right after the last list item.

In this scenario the EncodeScripts and RemoveScripts filters are disabled, so that script tags can be inserted. Using a script tag with some HTML content after it and submit when still on HTML mode, the content after the script tag will be removed. 

For the time being you can workaround this problem by forcing the editor to switch to Design mode on submitting:

<telerik:RadEditor ID="RadEditor2" runat="server" OnClientSubmit="OnClientSubmit">
</telerik:RadEditor>

<script>
    function OnClientSubmit(sender, args) {
        sender.set_mode(Telerik.Web.UI.EditModes.Design);
    }
</script>

The JS error also causes the tool to break, and all table-related tools are not available in RibbonBar mode.

RadEditor Find/Replace functionalities are not working in IE.


The following workaround could be used temporarily:
<script type="text/javascript">
            var $T = Telerik.Web.UI;
            Telerik.Web.UI.RadEditor.prototype.setActive = function () {
                if (this._emptyMessageContainer) this._hideEmptyMessage();
                if ($telerik.isIE && this.getSelection().isControl()) return;
                var curArea = this.get_mode() == $T.EditModes.Html ? this._getTextArea() : this.get_contentArea();
                if (curArea && curArea.setActive) curArea.setActive();
            };
            Telerik.Web.UI.RadEditor.prototype.setActiveIfElementIsNotInContent = function () {
                if (this._emptyMessageContainer) this._hideEmptyMessage();
                if ($telerik.isIE && this.getSelection().isControl()) return;
                var curArea = this.get_mode() == $T.EditModes.Html ? this._getTextArea() : this.get_contentArea();
                var activeElement = this.get_document().activeElement;
                var activeElementIsInContent = (activeElement && activeElement === curArea) || $.contains(curArea, activeElement);
                if (curArea && curArea.setActive && !activeElementIsInContent) {
                    curArea.setActive();
                }
            };

        </script>

Using the delete key in the content area of the RadEditor sometimes cause incorrect behavior to be encountered, e.g., content disappearance, incorrect elements to be removed etc.

For example pressing delete key before a list element, the li tag is removed, instead of just the cursor to be positioned in it.

This behavior comes from the browser and there is no RadEditor logic that interferes with it.

It would be nice if this inconsistencies are handled via custom commands that act more stable across browsers. 

The following issues are fixed with this item:

Pressing backspace in a table sometimes inserts non breaking spaces
Could not complete the operation due to error 800a025e when deleting table columns
Redundand nbsps are added to the content using backspace inside <ul> in IE9
IE10 crashes when nested lists are highlighted and deleted
Incorrect List nesting is generated when a Paragraph is deleted via backspace key under IE11

Commonly, plain words are listed in a an MS Word document and full stops are added. Pasting such a list in the editor will cause them to appear with upper-alpha type list and no text in the list item.

The following code snippet further modifies the convert() method of the ConvertWordLists logic to encode and decode such full stops. You can use it as  a temporary workaround to resolve this issue.
<telerik:RadEditor runat="server" ID="RadEditor1"></telerik:RadEditor>

<script type="text/javascript">
	var originalConvert = Telerik.Web.UI.Editor.WordListConverter.prototype.convert;

	Telerik.Web.UI.Editor.WordListConverter.prototype.convert = function (htmlText) {
		// Encode the full stops only if they are after words with 2 or more characters.
		htmlText = htmlText.replace(/(\w{2,})[.]/gim, "$1_TELERIK_DOT_");
		htmlText = originalConvert.call(this, htmlText);
		// Decode the full stops.
		htmlText = htmlText.replace(/_TELERIK_DOT_/gm, ".");

		return htmlText;
	}
</script>

Make sure that this script block is placed right after the RadEditor declaration, so that the WordListConverter is properly created.

Running the Word formatting tool on a plain HTML text with underline decoration, strips the style formatting.

This tool should only affect the specific MS Word markup fetched from pasting. 

Adding some initial, plain text (no HTML <p> tag wraps the text) and e.g., bolding the last word, pressing enter after it removes a white space.

The easiest workaround is changing the NewLineMode property to Br.
Example:

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


More complex solution that will enable you continue using the paragraphs as new lines is by incorporating the following JavaScript code:

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

   <script type="text/javascript">
       Telerik.Web.UI.Editor.Utils.trimWhitespaceTextNodes = function () {

       };
   </script>

Note that the script should be put right after the RadEditor declaration to ensure that the RadEditor scripts are loaded.

When a link is highlighted in the content, the RadEditor does not seem to recognize it as an anchor element. Due to that the the properties inspection module do not show the expected properties and the Hyperlink Manager do not work also.