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>
Telerik version 2011.1.614.35 I am facing following two issues with RadEditor on Chrome (version 28.0.1500.95) and Safari (version 5.1.7) - a. Gray area is seen in the lower part of the RadEditor for Design and Preview modes. When some text is typed, the gray background vanishes for that line of text. b. Border of the RadEditor is not complete at the bottom left corner in the HTML mode. This behavior is seen whenever there is some text in it, be it the default text or the text of the field that is bound. Please refer the attachment RadEditorIssues.png
The Paste event is added twice to the Editor's undo stack in IE. The issue is reproducible as of Q3 2013. Steps to reproduce: 1. Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Paste some content Result: The Paste command is added two time in the Undo stack
Hi, Browser : IE11 Telerik version : 2013.3.1114.40 - Q3 2013 release Steps to reproduce the issue : 1 . Copy ordered list from MS WORD 2010 2. Paste it in RadEditor 3. View html markup in radeditor Each text within LI tag is wrapped by P tag and this issue occurs only in IE11 browser. Ideally ,p tags should be stripped off. Looking forward to your response. Thanks in advance, Anthony