RadEditor does not offer resx localization for the following Track Changes strings "Inserted by ", "Formatted by ", "Deleted by " as well as for the strings in the Comments dialog: Title, Save, Cancel and Edit.
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
On Google Chrome, the following assingment ends up displaying the body of the html twice within the editor:
radEditor.Content="<HTML><HEAD><STYLE>@import url(./CSS/CI.css);</STYLE></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P></BODY></HTML>"
The resulting html becomes:
"<html><head><link href="/WebResource.axd?d=IgLlf5SIEZ-4m-Qr1qYVOGbMUL9-osMaMQXxs1c-ODIbmiiieGrgJ2ZuegoRNaCpJJ5zKojqJuk_FD7Cb69kb713UUGq1dCMsrFtihWFgnKkbYnlqQv7Lo2rUoUhmXHopZnTw7Cs3STs4GHdRuMnVHVdYHhRrcdV8Dgdv-U213Y1&t=637050242483188892" type="text/css" id="RADEDITORSTYLESHEET0" rel="stylesheet"></head><body><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p></body></html>"
The issue is the "@import url(./CSS/CI.css);" within the Style tag, if the @import url, is removed, then it works as expected.
Works as expected on IE11.
If you add 2 <style> tags, the second one is displayed twice within the editor:radEditor.Content = "<HTML><HEAD></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P><style>@import url(\"./CSS/CI.css\");</style><style>@import url(\"./CSS/CI2.css\");</style></BODY></HTML>";
these pages shows the accessibility standards for tables.
https://www.w3.org/WAI/tutorials/tables/
https://www.w3.org/WAI/tutorials/tables/two-headers/
https://www.w3.org/WAI/tutorials/tables/irregular/
For these two sub links "Tables with two headers" & "Tables with irregular headers", they are looking for "scope=col", "scope=row", "scope=colgroup", "scope=rowgroup".
There doesn't seem to be any built in support for "scope" to be added when using the table wizard, having set on the Accessibility tab a Heading for both a Row & Column.
Add support for "scope" be added to tables created in the Rich Text Editor.
(https://www.telerik.com/forums/table-wizard---scope-attribute-for-tables#XKGf9DNED0a8Cdxvzh7Qvg)
Given you have a table, where a row has multiple cells containing rowspans.
And there are also cells with no rowspan between them.
E.g. Starting HTML
<table>
<tbody>
<tr>
<td rowspan="2">A1</td>
<td>B1</td>
<td rowspan="2">C1</td>
</tr>
<tr>
<td>B2</td>
</tr>
</tbody>
</table>When you delete the row (E.g. delete row 1 in the example above).
Then the cells in the resulting table are in the wrong columns.
E.g. Result HTML
<table>
<tbody>
<tr>
<td>A1</td>
<td>C1</td>
<td>B2</td>
</tr>
</tbody>
</table>Cells C1 and B2 are in the incorrect columns.
The desired outcome of deleting row 1 would be for all cells to remain in their original columns.
E.g. Desired Result HTML
<table>
<tbody>
<tr>
<td>A1</td>
<td>B2</td>
<td>C1</td>
</tr>
</tbody>
</table>Bug is reproducible in RadEditor demo using Starting HTML above (in various browsers).
Thank you,
Shane
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
.png){kind=avatar}
Steps to reproduce in an editor with enabled track changes mechanism:
- Insert a table
- Insert a new line after it (paragraph)
- Insert another table
- Hit the Undo (or Ctrl+Z)
- The second table is removed (as expected) but also the first table lost its track-changes formatting (which is unexpected).
Hi,
As per title and I also find out it able to reproduce in the demo site: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
Step:
1. Change to 'HTML' mode.
2. Open 'Find And Replace' dialog.
3. Enter a word to find and hit the 'Find' button.
Notice that the word does not get highlighted. It only happens in 'HTML' mode, 'Design' mode working fine.
Please help as this feature is very useful in my project.
Thank you.
Telerik should provide the ability to dynamically create and edit the RadRibbonBar toolbar of RadEditor. Right now it is possible to create and edit the toolbar via the provided XML file.
The following attributes are not restored on page submit when RadEditor is in Preview mode:
onclick="return false;"
target="_blank"
Provide the ability to select and resize table elements in Chrome and Safari. This feature is already implemented in the docs.google.com web editor by replacing the table cells with div elements and providing resize handlers for them.
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
Currently RadEditor does not support ShortCuts when its toolbar is set to RibbonBar.
Possible option is to register the shortcut via client-side approach, by using the ShortcutManager object (http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/shortcutmanager-object):
<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="RibbonBar" OnClientLoad="OnClientLoad">
</telerik:RadEditor>
<script>
function OnClientLoad(editor, args) {
editor.get_shortCutManager().addShortCut("TemplateManager", "CTRL+ALT+S");
}
</script>
When an edited image is saved in the Editor's ImageManager, the file is selected but the preview/properties areas on the right are not active. The user should click first on another image and then come back to the edited one, in order to be able to preview it or to change its properties. Video, demonstrating the behavior: http://screencast.com/t/DAtzhgalHvA
When ContentAreaMode='Div', hovering over a select HTML element causes the contenteditable property to gets value 'false' in Firefox
When EnableTrackChanges property of RadEditor is set to true: -The font name of the written text in RadEditor cannot be change and instead the default one is used. This behavior is observed under FireFox, Chrome and Safari. The workaround is to mark the already written text and then set the desired font. -The chosen font size from the toolbar returns to its default value when the cursor changes its position and then returns back to its previous position. This behavior is observed under FireFox.
The paste functionality in RadEditor does not work when EnableTrackChanges property is set to true. This behavior is observed under Chrome and Safari.
When the RadEditor's property "AddComment" is set to true and contentArea contains only text, the unselected content is removed in Internet Explorer 9.
If an anchor is added in the content of a RadEditor, the control is switched in Preview mode and a postback is executed, onclick="return false;" and target="blank" will be inserted in the anchor under IE. In case these attributes are already set, they will be renamed to re_onclick and re_target and the attributes mentioned above will be inserted again.