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.
There should be two properties under the SpellCheckSettings that let the developer prevent the alerts that are shown when there are no errors and when spellcheck finishes. They could be called SuppressCompleteMessage and SuppressNoErrorsMessage. They would both be boolean and default to false to prevent a breaking change.
The MS Sans Serif font is rendered as Arial in the web environment. The correct one is Sans Serif. Possible solution is to use the following example setup, the logic of which is to replace the MS Sans Serif font to the Sans Serif one: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { var fontNames = editor.get_fontNames(); var fontIndex = fontNames.indexOf("MS Sans Serif"); if (fontIndex >= 0) { fontNames[fontIndex] = "Sans Serif"; } } </script>
The Advanced Mode (embed code) textbox in the Insert External Video dialog is always readonly and you cannot put the code in it. In the meantime you can use the following workaround that will access the textbox and remove the readonly attribute: <telerik:RadEditor ID="RadEditor1" runat="server" OnClientCommandExecuted="OnClientCommandExecuted"> <Tools> <telerik:EditorToolGroup> <telerik:EditorTool Name="InsertExternalVideo" /> </telerik:EditorToolGroup> </Tools> </telerik:RadEditor> <script type="text/javascript"> function OnClientCommandExecuted(sender, args) { if (args.get_commandName() == "InsertExternalVideo") { var extVideoDialog = sender.get_dialogOpener()._dialogContainers["InsertExternalVideo"]; if(extVideoDialog){ extVideoDialog.add_pageLoad(editTextbox); } } } function editTextbox(sender, args) { sender.get_contentFrame().contentWindow.document.getElementById("embedCode").removeAttribute("readonly"); sender.remove_pageLoad(editTextbox); } </script>
If a list is created and every bullet is with different stylization. Stripping all formatting is causing the content to be inserted into one bullet and the styles are not correctly stripped.
When a list is created in the editor. Copy and paste of this list does not behave as expected.
If a list is pasted into the editor's content. Its removal does not remove all the imported HTML content. Some SPAN elements are left intact. This is causing incorrect behavior for further text editing.
If the Height of the RadEditor control is set to percentage value, the content area element is too small and does not correspond to the desired stylization. The table element inside the RadEditor wrapper also is calculated with an incorrect height. A possible resolution is using a custom Client-side function, that sets the correct stylization changes to the table element and the content element. This method should be attached to the editor's OnClientLoad event. Please follow this example setup: <telerik:RadEditor runat="server" ID="RadEditor1" Height="100%" Width="100%" OnClientLoad="OnClientLoad"> </telerik:RadEditor> <script type="text/javascript"> function OnClientLoad(editor, args) { setTimeout(function () { var contentElement = editor.get_contentAreaElement(); var editorsTable = $get(editor.get_id() + "Wrapper"); editorsTable.style.height = "100%"; contentElement.style.height = "100%"; }, 0); } </script>
When RadEditor's ContentAreaMode is Div the entire page is printed instead of just the content. Possible solution is changing the mode to Iframe as it is by default.
Inserting a table is causing the user to switch to HTML mode and insert manually a br element, so that he could start typing in the next line. Possible solution is attaching this Client-side method on the OnClientCommandExecuted event of the RadEditor control: <telerik:RadEditor runat="server" ID="RadEditor1" OnClientCommandExecuted="OnClientCommandExecuted"></telerik:RadEditor> <script type="text/javascript"> function OnClientCommandExecuted(editor, args) { var command = args.get_commandName(); if (command = "InsertTable") { var selection = editor.getSelection(); var range = selection.getRange(); if (range.pasteHTML) { range.pasteHTML("<br />"); } else { editor.pasteHtml("<br/>"); } } } </script> The following workaround entirely changes the behavior by modifying the selection and selects the first TD <telerik:RadEditor runat="server" ID="RadEditor1" OnClientPasteHtml="OnClientPasteHtml"> </telerik:RadEditor> <script type="text/javascript"> var identifierID = "RadEditor_AfterTable"; function OnClientPasteHtml(editor, args) { var commandName = args.get_commandName(); if (commandName === "InsertTable" || commandName === "TableWizard" ) { var currValue = args.get_value(); currValue = currValue.replace(/<\/table>/gi, "</table><div id=" + identifierID + ">​</div>"); //currValue = currValue + "<div id=" + identifierID + ">​</div>"; args.set_value(currValue); setTimeout(function () { selectFirstTD(editor) }, 0); } } function selectFirstTD(editor) { var $ = $telerik.$; var contBody = editor.get_contentArea(); var identifier = $(contBody).find("#" + identifierID); var table = identifier.prev(); var elmToSelect = table.find("th")[0] || table.find("td")[0]; if (elmToSelect.childNodes && !$telerik.isIE) { elmToSelect = elmToSelect.childNodes[0].nodeName === "#text" && elmToSelect.childNodes[0]; } var hasNextElement = identifier.next()[0]; while (hasNextElement && $(hasNextElement).is("style")) { hasNextElement = $(hasNextElement).next()[0]; } editor.selectElement(elmToSelect); if (!hasNextElement) { table.after("<br/>"); } identifier.remove(); } </script>
Hi Team, Our colleague Stefan Stefanov reported an issue in the Admin Support RadEditor. Steps to reproduce and other details can be found in the original thread: http://teampulse.telerik.com:9896/Project/257/Feedback/Details/230787-undesired-span-in-admin-editor Can you please look at it? Thanks in advance! Nikolay Avramov
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.
The StripFormattingOptions feature does not work when the ContentAreaMode is set to Div mode. This behavior is introduced only in Chrome, Firefox and Internet Explorer 7.
setSize() is not applying dimensions properly to the content area. RadEditor is resized correctly but the content area isn't. Once resize RadEditor manually through its resize handle, the content area becomes resized properly.
Set the NewLineMode to br tag. Then inserting a list and closing it appends the following: <p> </p> It should be appending a <br> element corresponding to the set mode.
When the RadEditor is set to NewLineMode="Br" the BR tags are not correctly closed or not self closed. Another related unexpected behavior is occurred when switching between HTML and Design mode the mentioned BRs doubles themselves. Possible workaround is using the following meta tag to force the IE10 compatibility mode: <meta http-equiv="x-ua-compatible" content="IE=10" />
In the Radeditor. Create a table with multiple rows, multiple columns optional. Add text in the first row. Add a bulleted list in the second row. Save the html and the bulleted list is rendered above the table. It looks like when you type in text and then convert it to a bulleted list it removed the <td> tag and replaces it with <ul><li></li></ul> which means it won't render in the table properly. I tested this with the demo radeditor as well and can duplicate every time.
radeditor adding <p> </p> . Actual HTML just have <p></p> Also when we swtich beween edit, HTMl and preview . It add &NBSP;
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.
Content appears double if there is a Style element inside it and the Spell Check is triggered.