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.
RadTextBox need to include the ability for Columns. right now any docx that has a column gets stripped out when loaded. most business documents we deal with have columns. I have found this feature in other competitive products so i hope Telerik has on on the roadmap and implements it soon.
When creating a list or multiple paragraphs, which have links inside text, applying fore color to the whole text, links does not get affected. As a side effect, when only the link is selected and the same color is applied, nothing happens. To temporarily improve RadEditor by default to style the links according to the span wrapper elements, you can use the following approach: ○ When ContentAreaMode is set to Iframe or not configured: ASP.NET ----------------------------------------------------------------------- <telerik:RadEditor runat="server"> <CssFiles> <telerik:EditorCssFile Value="Styles.css" /> </CssFiles> <Content> <ul> <li>text <a href="#">link</a> text</li> <li>text <a href="#">link</a> text</li> <li>text <a href="#">link</a> text</li> </ul> </Content> </telerik:RadEditor> ----------------------------------------------------------------------- Styles.css ----------------------------------------------------------------------- span a { color:inherit; } ----------------------------------------------------------------------- ○ When ContentAreaMode is set to Div: ----------------------------------------------------------------------- <style> .reContentArea span a { color:inherit; } </style> <telerik:RadEditor runat="server" ContentAreaMode="Div"> <Content> <ul> <li>text <a href="#">link</a> text</li> <li>text <a href="#">link</a> text</li> <li>text <a href="#">link</a> text</li> </ul> </Content> </telerik:RadEditor> -----------------------------------------------------------------------
This feature is available when ContentAreaMode is Iframe.
When we use the context menu on a table to insert a new row (above or below) if the table uses css class layout, the new line is the same one in which we click with the right mouse button to open the context menu. So my suggest is re-apply the css class layout automatically after inserting a new row or column. I believe in using OnClientCommandExecuted event, and his call for the same function as applied css class layout for the first time. In the Annex there is a sequence of screen shots illustrating the situation
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>
I've noticed a problem that the editor is now stripping off any background-image style from any tag. The problem seems to be that it is converting single quotes (') to double quotes (") which then close the opening quote for the style property, therefore making the HTML invalid. Here's how it can be reproduced: In the rad editor go the HTML tab. Add the following code: <div style="background-image: url('something.jpg');">This is a test</div> Click the Design tab, then back to the HTML tab. Notice that the attribute has been changed so that it now reads: <div style="background-image: url("something.jpg");">This is a test</div> This is obviously invalid HTML. Click on the Design tab then back to the HTML tab. The style has now been removed completely. This can be reproduced in the current Telerik demo site.
radeditor adding <p> </p> . Actual HTML just have <p></p> Also when we swtich beween edit, HTMl and preview . It add &NBSP;
Instructions: In IE11 when we select an image and change from Design to HTML mode or try to apply any paragraph style to it, the browser gets unresponsive. To get a better understanding, please refer to the following videos: http://screencast.com/t/xufHlK0bew http://screencast.com/t/YcVcqygVY7GE Demo page: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Default
The problem is only reproducible in Chrome. The error does not affect the content or the functionality of TrackChanges. Chrome throws this exception because it tries to select unavailable DOM range.
When you change the render mode of RadEditor from Lightweight to Classic programmatically (like in the RenderModes demo: http://demos.telerik.com/aspnet-ajax/editor/examples/rendermodes/defaultcs.aspx), wrong items are loaded in the context menu that is displayed by right-clicking on a table cell.
Communication between Style Builder and Table Wizard does not work.
When the property 'AutoResizeHeight' is set to 'true' and 'ContentAreaMode' is set to 'Div', the appearance of RadEditor will be distorted in IE10. Also, the height of the editor is reduced the first time HTML view is selected under IE10 and older versions when the same setup is used.
The value set to the EmptyMessage of the editor floats outside the EDitor if its length exceeds the Editor's width - http://screencast.com/t/rPLVwFVfU
When using FormatBlock Tool with text inside <div> element the result differs under the different browsers. IE: - cursor placed inside the <div> with no selection: the <div> tag is replaced by the selected heading. - partially selected text: the <div> is split into two and the selection is wrapped with a heading tag. FireFox: - cursor placed inside the <div> with no selection: a heading tag wraps the whole text and the <div> is preserved as parent element. - partially selected text: the <div> is split into two and the selection is wrapped with a heading tag. Chrome: - cursor placed inside the <div> with no selection: the <div> tag is replaced by the selected heading. - partially selected text: the <div> is split into two and the selection is wrapped with a heading tag.
You can apply this CSS override to bring back the RadEditor defaults for the HTML mode. .RadForm .RadEditor .reTextArea { padding: 0; width: 100%; height: 100%; border:0; box-sizing: border-box; font-size: 11px; font-family: inherit; }
The error that is thrown is "Unable to get property 'get_id' of undefined or null reference". Workaround: var EditorPrototype = Telerik.Web.UI.RadEditor.prototype; EditorPrototype.get_rippleZonesConfigurationOriginal = EditorPrototype.get_rippleZonesConfiguration; EditorPrototype.get_rippleZonesConfiguration = function () { if (!this._rippleZonesConfiguration) { this._rippleZonesConfiguration = this.get_rippleZonesConfigurationOriginal(); } return this._rippleZonesConfiguration; }