We are running into an error using the editor in a panel. After making a second change to content in an editor, this error is thrown:
Uncaught TypeError: Cannot use 'in' operator to search for 'getSelection' in undefined
We're using a template for the panel a with textarea with attribute data-role="editor" to instantiate the editor. We're using an observable with a hierarchical datasource bound to the panel.
Here is a stripped-down dojo to reproduce the error:
https://dojo.telerik.com/UYEtEvAG/2
Have tried all solutions mentioned on previous similar tickets without success. We have also tried iframe vs inline editors.
Thanks in advance for help.
A tester of ours noticed a bug that completely breaks the editor until the page is refreshed.
Script error "Cannot read property 'nodeType' of null" in the console. None of the buttons work until the page is refreshed.
Attached is a video example tested with Dojo editor. Thanks!
ASP.NET AJAX RadEditor is much user friendly (i.e. image resize with mouse, styling some simple properties like margin...etc.). We use Kendo UI and HTML5 in our new projects, but in our custom CMS we had to integrate RadEditor, because it is very smart and user friendly and gives a great helping hand and many functionalities to our users who has no html and css experiences. Kendo Editor is still not a tool for a CMS, it is good only for writing some sentences to news or for some very-very simple editing task.
We build a project on Kendo, and incorrectly assumed we would see similar levels of tools in the ditor as per the ASP.Net ajax implementation. We were surprised to find the image editor was not available. I guess I dont really understand why you couldnt call the existing functionality from the server side using Ajax as a fast way to beef up the functionality for Kendo?
Not reproducible in IE and Firefox.
Dojo example.
A leftover em tag remains after clearing the content in Chrome.
All tags from that were present in the cleared content should be removed.
Dojo example.
For more details see Ticket ID: 1478828
A js exception is thrown:
kendo.all.js:78925 Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 3.
No exceptions.
The last row of a table in the Editor cannot be resized.
The upper row will be resized instead.
The last row should be resized.
We have discovered an issue in the Editor around insertion of text using a custom button - it can be seen at http://dojo.telerik.com/EZijI If you highlight text that is contained within a <span> tag, and use a custom button to insert more text (in this case, replacing the highlighted text), the text gets removed successfully, but the <span> gets closed, and the inserted text appears outside the closing </span> tag. Given that <span> tags can be used to format text, you therefore lose the formatting you had applied to the text you removed, and the new text appears unformatted i.e. inheriting formatting from the parent, which is not expected behaviour.
The ColorPickers in the Editor allow the user to change the text color or the background color of a selection in the component. When the Editor is working in Inline mode, if you select a text and manually enter a value in the HEX input of a ColorPicker, the pre-selected text is no longer selected. No text is colored inside the Editor.
The ColorPicker closes. The selected text in the Editor before opening the ColorPicker is no longer selected. No text in the Editor is in the color entered in the HEX editor.
Clicking on the Apply button of the ColorPicker, after a HEX value is entered, should close the ColorPicker and color the pre-selected text. This correct behavior can be observed in the second Editor in the linked above Dojo example.
When trying to navigate the toolbar of the editor with a keyboard, the focus is stuck/not working for color pickers.
When using Tab(or RightArrow) from the left the focus is stuck on the first colorpicker.
When using Shift+Tab(or LeftArrow) from the right the focus is stuck on the last tool before the colorpicker.
See DOJO: https://dojo.telerik.com/aKOKOwiP
Issue is only present in Firefox, Chrome does not allow selecting multiple cells.
The editor used for this was from the Demo Page:
I want to use the ImageBrowser with services that perform the requested operations.. I've got my transport.read, transport.create, transport.destroy services created just fine and everything works. However, the imageUrl and thumbnailUrl properties leave me baffled. So transport.thumbnailUrl hard-codes a ?path={url} to whatever url you give it ... this seems like a major hack. I want to use a REST service with the generation of the thumbnail and I need to supply additional query string parameters, but the current implementation precludes doing so. At least imageUrl lets me pass in a function or a parameterized string, but imageUrl ALWAYS tacks on the current relative path. The images that I'm using get stored in a DB by the service, so doing so makes no sense. Both these properties should have the same abilities as the create,read, and destroy -- let me control what is passed in explicitly.
The modality of the Editor's popups affects performance when multiple Editors are initialized or destroyed. Example: https://dojo.telerik.com/OZiHAzAn/4
Note that modality is turned on before initializing the Editors and turned off afterwards. This leads to a performance boost, more noticeable on destroying the Editors. Performance is worse, if modality is not set. For additional details see (Ticket ID: 1469512).
Research whether performance improvements are possible to implement in the Editor's source code, which will avoid having to switch popup modality as demonstrated in the linked example.
There are a number of controls missing from the new editor that was not in the old telerik editor. including Add spell check, cut, copy and paste {several options}, undo, redo, new paragraph, horizontal rules, insert time, insert symbol. Anyway to bring those functionalities into ASP.net core?
Dojo example.
The border color of all cells is changed. If you re-open the table wizard and follow the same steps only the selected cell border color is set (expected). This behavior is not reproducible with tables added through the createTable tool.
The border color of the selected cell is changed.
Add an enable() method to Editor to enable/disable the editor widget. The following link mentions how to disable the contenteditable, but this does not disable the toolbar: http://www.telerik.com/forums/disable-readonly-and-maxlength-for-kendoeditor Something like: function(enable) { $(this.body).attr("contenteditable", enable); if (enable) { this.toolbar.element.closest(".k-editor-toolbar-wrap").find(".k-disabled-overlay").remove(); } else { this.toolbar.element.closest(".k-editor-toolbar-wrap").append("<div class='k-disabled-overlay'></div>"); } }
Can the 'Insert Hyperlink' popup within the mini and full Editors be expanded to allow users to create different types of links e.g. email, web, anchor.
The 'Hyperlink Manager' in the ASP.NET AJAX tools is the blueprint for what we are looking for here - something that a non-technical user can use to create different types of hyperlinks easily and intuitively within the Editor.
The fact that you can select items from the Document Manager, use CSS classes to style the links, etc. is a real plus here too.
With current editor, after you copy table which has merged cells to editor, merged cells are gone, Cells are shifted forward.
In the image browser of the editor, when uploading an image there isn't any loading component which is disturbing for the user since sometimes it can takes several seconds but the user don't knows that upload in really in progress
Kendo UI editor converts every URL pasted or written into an Html link, it might be nice to be able to configure that behavior. By default it can be left as it is, converting the urls into links, but it will be nice to expose an option to disable that behavior.