A workaround is to add the following CSS rules to the DialogsCssFile stylesheet: .reLightweightDialog.RadForm_BlackMetroTouch.redLinkManager body, .reLightweightDialog.RadForm_Bootstrap.redLinkManager body { width: 540px; height: 540px !important; } /*or use that, which will affect all skins: */ /*.reLightweightDialog.redLinkManager body { width: 540px; height: 540px !important; }*/
In IE, create a table and add a caption Apply the style="display: none" to the caption Attempt to select table using the Editor's select table function and an unspecified error is thrown in the console This issue was reproduced on the RadEditor demo page. This issue only happens in IE, could not reproduce in Firefox or Chrome. This issue does not occur when the display: none style is removed from the caption. Video: http://www.screencast.com/t/QxHb25w6e
Hi, Several of my clients has requested along the years for a way to insert Descriptions just beneth/under a image in the Editor, i have had to move to CKEditor in some cases and thought i would just give it a try and post this as a feature request. A demo of this can be seen here, http://ckeditor.com/ Think what they do is insert a Div under the image object that contains a Description. Really hoping to see this in the future as i would like to keep third party plugins to a minimum. Christian
This issue happens only on Macs with Chrome and Safari. It is related to the IME (input method editor) that is used to enter Japanese (Hiragana) words with Latin keyboards. Such an IME is provided by Windows and the Mac operating system. Part of the process to enter Japanese text is to enter several characters, then press the space bar to get a popup list of suggestions for potential words. The space bar is then pressed again until the desired word is highlighted. Then the user will press return to select the correct word. The user then presses the next characters to build the next word. If you need more information about typing Japanese text you can find a description here: https://www.coscom.co.jp/learnjapanese801/howjpdo.html The bug with RadEditor can be demonstrated with the current RadEditor demo page. (http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx) To recreate the problem you can go to your RadEditor demo page with Chrome or Safari on a Mac. You will need to enable the Japanese IME in your operating system. This is very easy to do and you can just do a Google search for instructions if you need to. Then delete all example text. Now press the following keys on an English keyboard: s a t e l o (each 2 key combination creates a Japanese character) You will now see 3 Japanese characters. Now press the space bar. This will open the word selection list. Now press the space bar again, which should select the next words from the list. But instead of selecting the next word, the popup list is immediately closed and some different character are inserted in the content. If you then press another key the content gets completely destroyed and replaced with the key that was pressed. It does not work as expected and it is unusable that way. If you try the same key sequence with Firefox on a Mac or any browser on a PC you will see how it is supposed to work. The same problem happens if you would use the cursor down key (instead of the space bar) to select the next item in the list. The affected browsers work as expected in regular input / textarea fields. It seems to happen only with Telerik's RadEditor control. To narrow down the cause even further I created a JSFiddle demo with a simple control that has the attribute contenteditable=true set. I believe that RadEditor is based on such a control and I wanted to see if the affected browsers may have problems with this HTML feature itself. You can try the JSFiddle demo here: https://jsfiddle.net/q5Lsnjmg/3/ The result is that the affected bowsers work as expected in this demo. This seems to indicate that the Telerik editor control must do something different to trigger this problem. I also created a video that demonstrates the issue. You can see the video here: https://youtu.be/ANLbXpm5Zko
"The size of the uploaded file exceeds max size allowed" is thrown even if the file is under the specified maximum upload file size. The error is reproducible in the Default demo -> http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx. Open the Document manager and upload some unsupported file which size does not exceed 200 kb. For example upload a small image file. You'll get the following error: The size of the uploaded file exceeds max size allowed. The extension of the uploaded file is not valid. Please, provide a valid file! while only this line should be shown: The extension of the uploaded file is not valid. Please, provide a valid file!
The context menu for IMG and Table element immediately hides when shown on Mac Firefox. Load this demo http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx on Firefox Mac OS and right click in a table cell or image. You'll see how the menu pops up and immediately closes. Video reproduction -> http://www.screencast.com/t/osHP96eQOa7
The empty new lines from RTF are imported as empty paragraphs in the editor and not rendered, i.e. <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> <p class="TelerikNormal" style="line-height: 16px;"> </p> They should be rendered, because in other case this breaks the layout of the inserted document.
Thead and tfoot elements get deleted with deleting content of table in Google Chrome. On the RadEditor demo page [http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx] Replace the content with a table with a thead tbody tfoot caption <table> <caption>ABC</caption> <thead> <tr> <th>A</th> <th>B</th> <th>C</th> </tr> </thead> <tfoot> <tr> <td>FOOT</td> <td>FOOT</td> <td>FOOT</td> </tr> </tfoot> <tbody> <tr> <td>A1</td> <td>B1</td> <td>C1</td> </tr> <tr> <td>A2</td> <td>B2</td> <td>C2</td> </tr> <tr> <td>A3</td> <td>B3</td> <td>C3</td> </tr> </tbody> </table> Select some content across the tbody, tfoot, thead and caption and delete Expected results: the content of the TD and TH should be remove Actual results: the THEAD and TFOOT elements are removed More details check the attached delete_thead_tfoot.gif file. Workaround: <telerik:RadEditor ID="RadEditor1" runat="server"> </telerik:RadEditor> <script> (function () { var $E = Telerik.Web.UI.Editor; var utils = $E.Utils; var cmdPrototype = $E.DeleteSelectionCommand.prototype; var shouldCollectNode = cmdPrototype.shouldCollectNode; cmdPrototype.shouldCollectNode = function (node) { return shouldCollectNode.call(this, node) && !utils.isTag(node, "thead") && !utils.isTag(node, "tfoot"); }; })(); </script>
Steps to reproduce: 1. Write a couple of words: one two three 2. Select the second word two without the spaces around it and delete it 3. You'll see a single space between one and three in Design mode, while they are actually two in HTML mode.
In R3 2016 SP1 when a RadEditor with RenderMode=Classic is disposed and RadScriptManager is used, a JavaScript error is thrown: IE: Object doesn't support property or method 'dispose' Chrome: Uncaught TypeError: this._contextMenuFunctionality.dispose is not a function FIXED in R3 2016 SP2 (2016.3.1027) There are three workarounds: - Set EnableScriptCombine to false for the RadScriptManager (not applicable when CDN is used) - OR set RenderMode=Lightweight for the RadEditor (you can do this in the web.config for all control instance in the web app if they do not define the Classic mode exiplicitly) - OR add the following function override at the end of your page: <telerik:RadScriptManager ID="RadScriptManager1" runat="server" > </telerik:RadScriptManager> <%-- WORKAROUND 1: SET EnableScriptCombine="false" TO RADSCRIPTMANAGER--%> <asp:Button ID="Button1" Text="click to postback and break the editor" runat="server" /> <telerik:RadEditor ID="txtInstructions" runat="server"> </telerik:RadEditor> <%-- WORKAROUND 2: SET RenderMode="Lightweight" TO RADEDITOR--%> <%--WORKAROUND 3: ADD THE FOLLOWING SCRIPT TO THE END OF THE FORM--%> <script> Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.dispose = function () { delete this._fakeToolbarParentCreated; var toolbars = this._getToolBarElements(); if (toolbars) { for (var i = 0; i < toolbars.length; i++) { $clearHandlers(toolbars[i]); } } this._tools = []; this._disposeToolbarModeHandlers(); var wnd = this._toolbarHolder; if (wnd && wnd.dispose) wnd.dispose(); var contextMenuFunctionality = this._contextMenuFunctionality; if (contextMenuFunctionality && contextMenuFunctionality.dispose) contextMenuFunctionality.dispose(); Telerik.Web.UI.Editor.DefaultToolAdapter.callBaseMethod(this, "dispose"); } </script>
Changing the background color for the second/subsequent paragraph causes background color for first/previous paragraph to be lost/changed. This is a browser-specific bug. Reproduction steps: Navigate Internet Explorer/Edge browser to: Telerik RadEditor Demo Page Select-all and delete. With cursor at the beginning, select a background color from the toolbar. Type some text. Hit the Enter key to start a second paragraph Select the "no-fill" background color from the toolbar. Results: -The background color for the first/previous paragraph is removed.
Current workaround is provided in the archive below. It consists of a function override that prevents the attribute loss. Below the workaround is the repro sample that invokes the validation.
When part of a table from MS Excel is copied and pasted into RadEditor under Edge, the RadEditor inserts an image instead of the html for the table. It inserts <img alt="" src="data:image/png;base64, ... " /> instead of the html. Steps to reproduce: Open http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in MS Edge.On the editor select the html and delete everything. On the editor select design Open any Excel file copy a couple of cells Paste in the Editor On the editor select html Instead if html the there is an image tag <img alt="" src="data:image/png;base64,iVBOR ... YII=" /> With firefox, IE 11 and Chrome the html is pasted. For MS Edge the Image tag is pasted. Workaround: <telerik:RadEditor runat="server" ID="RadEditor"></telerik:RadEditor> <script> Telerik.Web.UI.Editor.Utils.containsHtmlAtClipboard = function(oEvent) { var result = oEvent && oEvent.clipboardData && oEvent.clipboardData.getData && oEvent.clipboardData.types && oEvent.clipboardData.types.length && Telerik.Web.UI.Editor.Utils.containsElement(/text\//i, oEvent.clipboardData.types); return result; } </script>
You can press Delete or Backspace again to delete the remaining content
<telerik:RadEditor ID="RadEditor1" runat="server"> <Content> select and delete some of the "th" content, the entire cell element will be deleted instead of its content <table> <thead> <tr> <th>th1</th> <th>th2</th> <th>th3</th> </tr> </thead> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> </Content> </telerik:RadEditor> <script> //workaraound Telerik.Web.UI.Editor.DeleteSelectionCommand.prototype.deleteNodeContent = function (node) { var utils = Telerik.Web.UI.Editor.Utils; if (utils.isTag(node, "td") || utils.isTag(node, "th")) { utils.removeChildren(node); node.innerHTML = NBSP; } else { remove(node); } } function remove(node) { node.parentNode.removeChild(node); } </script>
When copying text using the keyboard, the content is not copied. Instead is is marked as deleted and the selection is moved to the end of the selection.
Finding is stuck to the last possible occurrence and cannot proceed to the next match.
<telerik:RadEditor ID="RadEditor3" runat="server" EditModes="Design" OnClientLoad="OnClientLoad" RenderMode="Lightweight"> <Modules> <telerik:EditorModule Name="RadEditorStatistics" Visible="true" Enabled="true"/> </Modules> </telerik:RadEditor>