The problem is reproducible when the selected element has a CSS property applied that enables the hasLayout feature of the element under IE. When an anchor hasLayout we cannot properly select it. The hyperlink manager shows the text, but modifying it is not carried to the actual markup. CSS properties that trigger hasLayout in IE: CSS property Value display inline-block height any value float left or right position absolute width any value -ms-writing-mode tb-rl zoom any value
When a document is deleted from the DocumentManager, its selection remains and it could be inserted into the Editor. video: http://screencast.com/t/LXU1pVkLd
Create a page as below and assign a limited toolset to each editor in the code behind: <telerik:RadEditor ID="RadEditor1" Skin="Default" ContentAreaMode="Div" runat="server" Width="265px" Height="120px" ToolsWidth="265px"> <Content><p>A Word</p> </Content> </telerik:RadEditor> <telerik:RadEditor ID="RadEditor2" Skin="Default" ContentAreaMode="Div" runat="server" Width="265px" Height="120px" ToolsWidth="265px"> <Content><p>A Word</p> </Content> </telerik:RadEditor> [Continue with this until ...] <telerik:RadEditor ID="RadEditor10" Skin="Default" ContentAreaMode="Div" runat="server" Width="265px" Height="120px" ToolsWidth="265px"> <Content><p>A Word</p> </Content> </telerik:RadEditor> Now display this page and right click for the top editor's Context Sensitive popup menu. Now scroll down to the bottom menu and right click for that menu's context sensitive menu. My experience is that this will erroneously produce the popup at the top of the browser. This is the most extreme example of a general behaviour where the vertical placement of popups is typically off the mark when working with multiple editors and ContentAreaMode="Div". Get rid of the ContentAreaMode="Div" and the problem disappears.
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>
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.
This bug causes incorrect user behavior. Lists cannot be disconnected with Enter, in some cases user cannot add multiple empty paragraphs. To workaround this issue you can incorporate the JavaScript code provided in this example markup: <telerik:RadEditor runat="server" ID="RadEditor1" NewLineMode="P"> </telerik:RadEditor> <script type="text/javascript"> var setCursorFn = Telerik.Web.UI.Editor.Utils._setCursorInNode; Telerik.Web.UI.Editor.Utils._setCursorInNode = function (cursorElement, container, editor) { setCursorFn.call(this, cursorElement, container, editor); if ($telerik.isChrome) { var selection = editor.getSelection(); var range = selection.getRange(); if (!range.collapsed) { range.collapse(); selection.selectRange(range); } } } </script>
When the ToolProviderID property is set, the Undo/Redo property is working only for the first RadEditor contorl
When the RadEditor's property "AddComment" is set to true and contentArea contains only text, the unselected content is removed in Internet Explorer 9.
When an image in the list view of the image manager is dropped outside the dialog, a duplicate of this image is stuck to the cursor. After selecting another image, the ghost image remains and overlays the upload window.
When the RadEditor's dialogs are sit to LightWeight rendering mode and the CDN is enabled a JavaScript error is being thrown in the browser's console
When a table is pasted from Word a border-image:none rule is inserted along with all content. The behavior is encountered only under Firefox and this rule is not needed for the correct rendering of the table.
When an image is selected and it is larger than the preview size of the Image Map Editor new shape selections could not be easily added.
Use the demo at: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Select html mode and clear all existing text Enter some text and format it as bold, italic and underline Enter 2 new lines (breaks) Insert a 3x3 table using the table button in the editor Result: When the table is inserted the text loses its formatting. See attached file.
As Bootstrap is the industry standard for website and app grids, a very powerfull addition for RadEditor would be a Bootstrap grid builder like this one:
https://www.youtube.com/watch?v=WQZ9zcf_ZRo
How cool would that be, building your Bootstrap parts in the Editor itself. Did anyone try this? Any hints on how one could build this functionality.
Let me know if we could collaborate to get something like this.
Thanks,
Marc
If the Track Changes feature is enabled Japanese and Korean languages are not detected as modified. The added text is not highlighted.
When paragraphs are pasted from e.g., MS Word, multiple BR tags are pasted instead of the corresponding amount needed. The flowing custom handler shows how this can be handled as per to the specific requirements: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml" StripFormattingOptions="AllExceptNewLines"> </telerik:RadEditor> <script type="text/javascript"> function OnClientPasteHtml(editor, args) { var commandName = args.get_commandName(); var contentToPaste = args.get_value(); if (commandName === "Paste") { contentToPaste = contentToPaste.replace(/(<br\/>)+/gi, "<br/>"); args.set_value(contentToPaste); } } </script>
When multiple paragraphs are set into the content and selected, the font name tool of the StyleBuilder dialog is merging all f them into one span. This causes unexpected behavior and incorrect text manipulation.
The contenteditable feature is not working as per the instructions from Editable and Non-Editable Areas
<telerik:RadEditor runat="server" ID="Casenote" EditModes="Design">
<Content>
<div style="border: red 1px solid;" contenteditable="false" unselectable="on">
Non Editable AREA
<div style="border: green 1px solid;" contenteditable="true" unselectable="off">
<!--Content name="info" -->
Editable REGION...
<!--/Content -->
</div>
Non Editable AREA
</div>
</Content>
</telerik:RadEditor>