There is a problem in Safari on Mac while selecting Table cell properties via the context menu when a table cell is selected. Its Wrongly selected in the Table Wizard window. Reproduction steps: - Load the default demo in Safari Mac: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx - Right click over the third cell in the second column ("Los Gigantes is located...") and choose Cell Properties. - The Preview of the Cell Properties in the Table Wizard will show that the first cell is selected but not the right one.
For a better description of the issue and reproduction steps, please view the ticket: http://www.telerik.com/account/support-tickets/view-ticket?threadid=1010438 If a user clicks 'Ignore All' for a misspelled word, the focus moves to the next misspelled word after the last word included in the ignore all list. This becomes problematic when editing a large quantity of text and the user's trying to go through things in order, but the focus moves to the very bottom of the content area. In MS Word, it works as our users expect it would. Once 'Ignore All' is chosen, the very next misspelled word is highlighted.
Inserting a new line after a link typically adds a new line and removes the copied link. However, this does not work when paragraph is about to be split. For the time being you can override the _nodeInsertedHandler method to resolve the bug as in this example: <telerik:RadEditor runat="server" ID="RadEditor1"> <Content> <p><a href="http://www.telerik.com" >link</a>text</p> </Content> </telerik:RadEditor> <script> Telerik.Web.UI.Editor.InsertParagraphCommand.prototype._nodeInsertedHandler = function (args) { var command = this, cursor = args.get_cursor(), container = args.get_container(), isEmptyContainer = command._isEmptyContainer(container, cursor), $E = Telerik.Web.UI.Editor, utils = $E.Utils; var parentAnchor = utils.getElementParentByTag(cursor, "A"); if (command._isEmptyContainer(parentAnchor, cursor)) command._removeNode(parentAnchor); if (isEmptyContainer) { if (command.get_editor().get_enableTrackChanges()) { var tcUtils = $E.TrackChangesUtils, parentTrackedInsert = tcUtils.getParentTrackChangesInsertNode(cursor, container), parentTrackedDelete = tcUtils.getParentTrackChangesDeleteNode(cursor, container); command._removeNode(parentTrackedInsert); command._removeNode(parentTrackedDelete); } } }; </script>
Having more than one editor on the page, with EditType="Inline", and using dropdown tools causes the event to be raised for the incorrect editor.
ContentEditable=true attribute is added to the body element of the Editor's content when resizing a table in RadEditor in Chrome. http://screencast.com/t/0s3QlydHv
When there is a hidden <tfoot> element in the table, the Delete Row command in the editor context menu cannot delete the last row in IE. Works with other rows and other browsers. WORKAROUND: use visibility: collapse for the footer rows instead of dispay:none for the footer Repro steps: - Use the markup attached below - right click the last row in any table - choose Row > Delete Row Expected: row is always deleted Actual: in IE you cannot delete the last row of the second table
Below is my steps to find this issue: 1. Open the browser with IE 10 mode or genuine IE10. 2. Create a table with Editor. 3. Right click the table and then select table properties. Then click Table Layouts tab and select a style. 4. Click OK, the style can be kept this moment in Design tab. 5. Click HTML tab and find the CSS details are missing and click Design tab again, the style cannot be kept. 6. There is no reproduces with chrome or IE 11. 7. I also test this case from your ow site https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx A video repro is also attached
The browser becomes not responding when pasting content with a lot of span elements in IE11 in RadEditor Design view. You can reproduce it in the following demo: http://demos.telerik.com/aspnet-ajax/editor/examples/workingwithlargecontent/defaultcs.aspx
A JavaScript error is thrown when a hidden AccessibleRadEditor is loaded in IE 10. The error message is: "SCRIPT5007: Unable to get property 'get_element' of undefined or null reference " Code to reproduce the issue: <asp:Button ID="btn1" runat="server" Text="Show Editor" OnClientClick="showEditor(); return false" /> <div id="div1" style="display: none"> <telerik:AccessibleRadEditor ID="AccessibleRadEditor1" runat="server" ></telerik:AccessibleRadEditor> </div> <script> function showEditor() { $telerik.$("#div1").show(); } </script>
I have an issue when I line break in RADEditor but it keeps going to the bottom of the line in Internet Explorer v11. Please note that the issue is reproducible on Telerik Demo site. Steps to reproduce the issue: Copy and paste the following content in HTML mode Some content <br /> <br /> Put the cursor in the beginning of this line, press Backspace and after that Enter <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Switch to Design panel Press Backspace twice in front of the text "Put the cursor in the beginning of this line, press Backspace and after that Enter" Press Enter Result The content jump to the bottom of the line See the attached video for more information.
You can get the same behavior that all other browsers get - focus being after the table. This is done easily by clearing out the following function logic (make sure the script is after the script manager): <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function () { } </script> You can also try the following version of the function that attempts to fix the selection collapse after the DOM changed: <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function (layoutBuilderEngine) { if ($telerik.isIE9Mode) { var arStateIndexes = layoutBuilderEngine._getLeftTopStateIndexes(layoutBuilderEngine._selectedRowIndex, layoutBuilderEngine._selectedCell.cellIndex); var stateRow = arStateIndexes["rowIndex"]; var nextCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow + 1, 0); var prevCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow - 1, 0); var newSelectedCell = nextCell || prevCell; if (newSelectedCell) { var editorSelection = this.get_editor().getSelection(); setTimeout(function () { try {//the DOM change is likely to cause errors after the fixes, hence the try-catch, the timeout is to let the DOM get changed before tampering with the selection if ($telerik.$(newSelectedCell).is(':visible')) {//for deleting footer cells editorSelection.selectElement(newSelectedCell); editorSelection.moveToElementText(newSelectedCell);//to properly move focus editorSelection.collapse(true); } } catch (ex) { } }); } } } </script> Considering the drawbacks of fixing IE code that is also inconsistent with other browsers, it is possible that the final fix will be to remove the function and have the same behavior as in other browsers.
In order to replace the image we use the 'pasteHtml()' API method (http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/methods/pastehtml). Unfortunately, we have faced the issue in the latest version of Telerik RadEditor (2016.3.1027.45). If parent 'div' has "float:left" style settings, the 'pasteHtml()' API method inserts a new image beyond the parent 'div' element. The issue is reproducible in IE11, and it is not reproducible on in the FF and Chrome, Edge and IE10. Steps to reproduce: 1. Open the demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx 2. Switch to the 'HTML' mode of the RTE and replace all existing HTML content with the following HTML snippet: *** <div style="float: left;"> <img alt="" style="margin: 0px 30px 30px 0px; width: 200px; float: left;" src="../../images/top_image.png" /> </div> *** 3. Switch to the 'Design' mode of the RTE and click once on the image; 4. Open the browser console (F12) and execute the following API code in the console: $telerik.radControls[11].pasteHtml('<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />') Actual Result: A new image is inserted beyond the parent 'div' element. *** <div style="float: left;"> </div> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" /> *** Expected result: A new image is inserted into the parent 'div' element. *** <div style="float: left;"> <img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" /> </div> *** Here is the screencast: http://screencast.com/t/PQOQeKsvViRK
Hi, There is a bug with the "Play" parameter while I insert a SWF movie. If I uncheck this parameter, the movie still play in Chrome/Mozilla. This bug is from this parameter that isn't added in the Embed tag although it is in the object tag. Example : <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150"> <param name="Movie" value="/aspnet-ajax/Editor/images/UserDir/Marketing/Reporting_banner.swf"> <param name="play" value="false"> <param name="quality" value="high"> <param name="wmode" value="transparent"> <param name="loop" value="false"> <param name="menu" value="false"><embed src="/aspnet-ajax/Editor/images/UserDir/Marketing/Reporting_banner.swf" width="150" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="transparent" loop="false" menu="false"></object> Thanks a lot Chris.
RadEditor allows the copy and paste of images directly into the Editor content area. The Editor converts this images to a base 64 string and includes them in the HTML. What would really be great is if it could instead convert the image to a file, perhaps even from the base 64 string, and save it server side, and instead add an img tag referencing the saved file. This would be very useful for when the editor is being used for sending emails (less space) and even creating content as the file would be able to be cached. It's already being done in the TeamPulse product when a screenshot or other image is pasted into the editor. Please extend this functionality to be built into the AJAX version.
The Insert Web Part tool in RadEditor for SP 2010 throws JavaScript error (reproducible in all browsers). Steps to reproduce: 1. Open http://sharepoint.telerik.com/aspnet-ajax/web-parts/Pages/Content-Editor-Web-Part-using-RadEditor.aspx 2. Click over the content of the Editor, so the toolbar will be shown 3. Click over the Insert Web Part Tool video - http://screencast.com/t/Df3aV6svUy
When editing certain HTML layouts in a RadEditor on a Mac, when you right-click on the empty space to the right of the text content in a table cell inside a nested table, then click Row -> Insert Row Above, the editor inserts a row above the current row in one of the parent tables, instead of in the table containing the specific cell that was clicked on.
To reproduce, paste the following code into the HTML view of a RadEditor. Then switch to Design mode, and right click in the empty space to the right of the text "Type your message here!", but within the same table cell as that text. Select Row -> Insert Row Above, and see that the editor inserts a row into the wrong table.
This is only reproducible on a Mac, but it has been confirmed to happen in both Safari and Chrome.
The project this is for is currently using version 2016.3.1027, however I've pasted this code into the Telerik RadEditor demo at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx , which I presume is running the latest version, and the problem is reproducible there also.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="width=device-width" name="viewport" />
<title>Newsletter from your Pro</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table style="background-color: #C9CAC8 ;" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td>
<table style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;" class="body" cellspacing="0" cellpadding="0" align="center" border="0" width="640">
<tbody>
<tr>
<td style="background-color: #ffffff; height: 60px;" class="side-pad" colspan="6" align="center"><span style="text-align: center;" class="devicewidthinner"></span></td>
<td style="background-color: #ffffff; height: 60px;" class="side-pad" align="center"><span style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #63666a;">February 5, 2019</span></td>
</tr>
<tr>
<td style="background-color: #ffffff; height: 87px;" class="side-pad" colspan="6" align="center"><span class="devicewidth"></span></td>
<td style="background-color: #ffffff;" class="side-pad" align="center"></td>
</tr>
<tr>
<td style="background-color: #d55c19; width: 201px; height: 30px;" class="side-pad" align="center"><span style="text-align: center; font-weight: normal; line-height: 24px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff;"><a style="color: #fff; text-decoration: none;" href="http://www.test.com">Visit website</a></span></td>
<td style="background-color: #ffffff; width: 4px;" class="side-pad" align="center"> </td>
<td style="background-color: #d55c19; width: 86px;" class="side-pad" align="center"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff;"><a style="color: #fff; text-decoration: none;" href="mailto:test@test.com">Email me!</a></span></td>
<td style="background-color: #ffffff; width: 4px;" class="side-pad" align="center"> </td>
<td style="background-color: #d55c19; width: 122px;" class="side-pad" align="center"><span style="text-align: center; line-height: 15px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff;">123-456-7890</span></td>
<td style="background-color: #ffffff; width: 4px;" class="side-pad" align="center"> </td>
<td style="background-color: #63666a; width: 201px; height: 30px;" class="side-pad" align="center"><span style="text-align: center; font-weight: normal; font-size: 12pt; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #ffffff;">Test Testerson</span></td>
</tr>
<tr>
<td style="background-color: #ffffff;" class="side-pad" colspan="7" align="center">
<table class="container" cellspacing="0" cellpadding="0" align="center" border="0" width="600">
<tbody>
<tr>
<td style="height: 250px;" align="center">
<table class="row" cellspacing="0" cellpadding="0" align="center" border="0" width="580">
<tbody>
<tr>
<td style="height: 250px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td style="width: 100%; height: 205px;" valign="top">
<table style="mso-table-lspace:0;mso-table-rspace:0;" cellspacing="0" cellpadding="0" align="left" border="0" width="100%">
<tbody>
<tr>
<td style="font-size: 14px; color: #63666a; font-weight: normal; line-height: 20px; width: 205px;" colspan="4" valign="top"> </td>
</tr>
<tr>
<td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top"><span style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #63666a;">Type your message here!</span></td>
</tr>
<tr>
<td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top"> </td>
</tr>
<tr>
<td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top"> </td>
</tr>
<tr>
<td style="font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:14px; color: #63666a; line-height:18px; text-align:left;" colspan="4">
<p> </p>
</td>
</tr>
<tr>
<td colspan="4" valign="top"> </td>
</tr>
<tr>
<td colspan="4" valign="top"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="background-color: #63666a;" class="side-pad" colspan="7" align="center">
<table class="container" cellspacing="0" cellpadding="0" align="center" border="0" width="600">
<tbody>
<tr>
<td align="center">
<table class="row" cellspacing="0" cellpadding="0" align="center" border="0" width="580">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr bgcolor="#63666A">
<td style="height: 18px;" valign="top" align="center"> </td>
</tr>
<tr>
<td valign="top">
<table style="mso-table-lspace:0;mso-table-rspace:0;" class="full-width collapse" cellspacing="0" cellpadding="0" align="left" border="0" width="100%">
<tbody>
<tr>
<td style="font-size:12px; color:#63666a; font-weight:normal; text-align:left;" class="center">
<p><span style="font-size: 12px; line-height: 14px; text-align: left; font-family: Helvetica, Arial, sans-serif; color: #ffffff;" class="footer">Here is some footer text.</span></p>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="center" valign="top" align="center"> </td>
</tr>
<tr>
<td class="center" valign="top" align="center">
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tbody>
<tr>
<td align="center"></td>
<td style="width: 12px;" align="center"> </td>
<td align="center"></td>
<td style="width: 12px;" align="center"> </td>
<td align="center"></td>
<td style="width: 12px;" align="center"> </td>
<td align="center"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="background-color: #636666a;">
<td style="background-color: #63666a;" class="side-pad" colspan="7" align="center">
<table class="container" cellspacing="0" cellpadding="0" align="center" border="0" width="600">
<tbody>
<tr>
<td align="center">
<table class="row" cellspacing="0" cellpadding="0" align="center" border="0" width="580">
<tbody>
<tr>
<td style="height: 20px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p> </p>
</td>
</tr>
</tbody>
</table>
</body>
</html>
When the tracking feature is enabled some of the existing features don't work properly. For eg: a. If existing text were bulleted they were not displayed properly. b. If bulleted content was copied over from a web page and pasted into the RadEditor control formatting was not retained. c. If text in the editor that was modified previously and not accepted by a user, a change made to the same text after some time does not capture the new username and date time stamp by the same /different user. Please fix the tracking feature for SharePoint
Color items should persist the Title property/attribute so that when hovered, the text to be shown in the tool.