In RadEditor, when creating a table, then going to the Table Properties/Style builder/Border option, the Border Width information is pushed down and not all options are accessible.
If a RadEditor is placed in an UpdatePanel and it is initially invisible (its property 'Visible' is set to false), the skins of the dialogs will not be loaded correctly when the editor is displayed ('Visible' is set to true).
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 a user is trying to insert new text inside other's user not accepted change the cursor is automatically jumping in the end of the unaccepted change. Different expected behavior can be the change to break the current change.
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
After editing the properties of a hyperlink in Chrome the link just disappears. See the video at http://screenr.com/XxX7 which demonstrates the issue occurring on the demo site.
Whenever there are texts and text boxes, checking the spelling duplicates the text Video reproduction: http://screencast.com/t/oShyk0ww
Whe you're trying to add an image with "#" or "&" symbols in it's title - image displays as corrupted in image editor.
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.
When there are empty lines at the top of the content and text is pasted at the first line, it appears after the empty rows not where the cursor position is. Steps to reproduce: 1. Go to http://demos.telerik.com/aspnet-ajax/controls/examples/integration/ribbonbarandeditor/defaultcs.aspx?product=editor 2. Put focus in the editor before any of the existing content. 3. Press enter several times to insert blank lines at the top of the content. 4. Paste some text at the first line. Expected: The pasted text is inserted at the first line of the content area. Actual: The pasted text is placed after the empty lines.
The following attributes are not restored on page submit when RadEditor is in Preview mode: onclick="return false;" target="_blank"
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.
When dragging items from an outside source into a RadEditor, be it text, image, video, etc. The API used to perform drag & drop is lacking. For example, an overlay needs to be shown over the top of the iframe element for the editor, whereas I would like to perform the drop at a specified area where I drop - not where the cursor is located.
Take a look at www.pasteboard.co/. It works fine in all major browsers except for IE. Image content is inserted right in the image tag like: <IMG SRC="data:image/png;base64,...">, and that's exactly what we need. We don't even need the pasted images to be uploaded to the server side. It seems www.pasteboard.co/ doesn't rely on the canvas element. You can remove it, and everything will work fine. Please see http://screencast.com/t/8IHQfHvq0e. Also please see www.snag.gy. It doesn't contain a canvas, but still works well. You can also take a look at strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome. It doesn't look great because it works in Chrome only. But still it works in Chrome.
Currently, it is possible to align an image using the Justify Tools of RadEditor in IE, Chrome, Safari and Opera, but not in Firefox. In addition the content produced in the different browsers is different.
Created a table. Go to accessibility, checked 1 for both the header row and column & checked the associated cells with headers checkbox. ... This is the code that get's spit out.
Copy Code
<table style="width: 50%; " class="tableData">
<thead><tr>
<th style="" id="table_heading_0"> </th>
<th style="" id="table_heading_1">2011</th>
<th style="" id="table_heading_2">2012</th>
</tr></thead>
<tbody><tr>
<th style="" id="table_heading_3">Fire</th>
<td headers="table_heading_1">5</td>
<td class="" style="" headers="table_heading_2">5</td>
</tr><tr>
<th style="" id="table_heading_4">Police</th>
<td headers="table_heading_1">5</td>
<td headers="table_heading_2">5</td>
</tr></tbody></table>
Each header is assigned a unique ID (Correct!)
Each header is identified with a <th> class (Correct!)
Each non-header cell associates with just ONE header (INCORRECT! ... I assume)
Since there are two headers associated with each non-header cell, shouldn't there should be two IDs referenced in the "headers" attribute? Would the correct coding for this look something like this (each header ID separated by a space or comma)?
Copy Code
<table style="width: 50%; " class="tableData">
<thead><tr>
<th style="" id="table_heading_0"> </th>
<th style="" id="table_heading_1">2011</th>
<th style="" id="table_heading_2">2012</th>
</tr></thead>
<tbody><tr>
<th style="" id="table_heading_3">Fire</th>
<td headers="table_heading_1,table_heading_3">5</td>
<td class="" style="" headers="table_heading_2,table_heading_3">5</td>
</tr><tr>
<th style="" id="table_heading_4">Police</th>
<td headers="table_heading_1,table_heading_4">5</td>
<td headers="table_heading_2,table_heading_4">5</td>
</tr></tbody></table>