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).
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>
Provide ability to easily obtain Markdown syntax from the RadEditor, to be saved on disk. Ex. string RadEditor.GetMarkdown()
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); }
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.
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
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.
If a list with some non-default formatting in the bullet points is pasted, the custom formatting is not applied. For example, changing the font-size of a bullet point in MS Word list, will be pasted only with relevant formatting in the text node, but will leave the <li> elements stripped out. It would be nice if there is additional logic to apply the proper formatting in the bullet points accordingly to the one copied from MS Word.
When two RadEditors with different TrackChanges mode are defined on the page, a JavaScript error is thrown when inserting a list. The issue is reproducible only when the firstly declared RadEditor has EnabledTrackChanges set to false (the default value), while the second one has EnabledTrackChanges set to false. Temporary workarounds: Variant 1: Declare the not tracked RadEditors after the tracked ones, so there scripts will be loaded properly. Variant2: Set the EnabledTrackChanges of all RadEditors on the page to true. Steps to reproduce 1. Run the following code: <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <telerik:RadEditor ID="HiddenRadEditor" runat="server" EnableTrackChanges="true"> </telerik:RadEditor> 2. Write something and press Enter 3. Click on the "Unordered List" tool Result: A JavaScript error is thrown
Using the Hyperlink manager in a RibbonBar toolbar, causes the selection to be lost. By that, adding a hyperlink to an image, the link is inserted to the content, but it does not wrap the image element. The behavior is different across IE versions. Under IE11, the link seems to disappear.
Commonly users add empty anchor elements, e.g, <p><a name="anchor"></a>Some text</p>. By that, they provide a proper anchoring behavior in HTML, and prevent the text from being decorated as link. The limitation here is that the anchor element cannot be selected, and thus unable to be edited via the LinkManager dialog. It would be nice, if there is some built-in logic that handles this situation and provide a proper way for the end-users to be able to visually distinguish this anchors and edit them if needed. You can find attached a custom solution for such approach.
When pasting list items over an existing one, the list from the clipboard is added to new UL element. The proper behavior it should be to paste the existing content and adapt it to the existing list.
Due to this behavior the font name applied is getting cleared when switching to HTML mode.
When a tool has a longer name, part of the text drops to a new line, and causes incorrect layout. To resolve you can use the following CSS rule: .reDropDownBody a.reTool.reToolText { white-space: nowrap; }
In Firefox and Internet Explorer, the "Remove Alignment" button does not correctly format text with text-align set using an inline style. For example, if this is the HTML in the editor: <p style="text-align: center;">Here is text that is center aligned</p> In the Design editor, the "Remove Alignment" button looks selected, and pushing it has no effect (see screenshot). In the Javascript, the remove alignment functions for Firefox and IE only remove styles from the DOM element, inline styles are not being removed.
Using code behind or localization file to change the text of the Design, Preview or HTML buttons break the functionality that enables the end-user to change the modes. The following snippet can be used as a temporary workaround. <style type="text/css"> /* Fixes the visual glitch */ .reModes a { width:auto !important; } </style> <telerik:RadEditor runat="server" ID="RadEditor1" RenderMode="Lightweight" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { var $ = $telerik.$; if (editor.get_renderMode() != Telerik.Web.UI.RenderMode.Lite) return; var designAttr = editor.get_localization()["RadEditorDesignMode".toLowerCase()]; var htmlAttr = editor.get_localization()["RadEditorHtmlMode".toLowerCase()]; var previewAttr = editor.get_localization()["RadEditorPreviewMode".toLowerCase()]; $("a[title=\"" + designAttr + "\"]").attr("title", "Design"); $("a[title=\"" + htmlAttr + "\"]").attr("title", "HTML"); $("a[title=\"" + previewAttr + "\"]").attr("title", "Preview"); } </script>
If some textarea elements are added inside the content area, focusing and typing text inside is almost impossible. There are also cases, where the text overrides the element on typing. Additionally, any text input elements are difficult to be selected. It is required to click multiple times so to appear selected.