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.

Bug report

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.

Reproduction of the problem

1. Open this Dojo and run it
2. Select a text in the inline Editor
3. Open one of the ColorPickers and enter a value in the HEX input
4. Apply the HEX value

Current behavior

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.

Expected/desired behavior

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.

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [all]

Add Link Tab to Image Editor

The idea is to add a link tab within the Image Editor that allows users to wrap the image with an href. This would cut out a step for people who want to add a link to images. (This functionality is available in the ckEditor)

Bug report

Not reproducible in IE and Firefox.

Reproduction of the problem

Dojo example.

1. Run the dojo in Chrome and inspect the Editor's content area in the browser's dev tools.
2. Focus the content. Select all content (Ctrl + A) and delete it (Del or Backspace)
3. Note that an empty tag remains.
4. If you type in text and press Enter the new line will be wrapped in the leftover em tag and the text on the new line will be italic

Current behavior

A leftover em tag remains after clearing the content in Chrome.

Expected/desired behavior

All tags from that were present in the cleared content should be removed.

Environment

• Kendo UI version: 2020.2.513
• jQuery version: x.y
• Browser: [Chrome ]

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

• Create a WYSIWG Editor
• Add a Table with 2 rows and 2 columns
• Select multiple cells by clicking on the first cell and then dragging to the right[Firefox_TableWizard_CellStyling_selection.png]
• Click on the table wizard icon to open the table wizard
• Select the Cell tab
• Change the Background Color to something like red
• Press the Ok Button
• Now the first cell has a red background color and 2 columns are added after the first cell[Firefox_TableWizard_CellStyling_afterCellStyling.png]

Issue is only present in Firefox, Chrome does not allow selecting multiple cells.

The editor used for this was from the Demo Page:

https://demos.telerik.com/kendo-ui/editor/index

A tester of ours noticed a bug that completely breaks the editor until the page is refreshed.

• Click "Insert Hyperlink"
• Add a link
• Add a space in the "Text" field
• Click "Insert"

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!

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?

Bug report

Reproduction of the problem

Dojo example.

1. Click the cell with name John
2. Open the table wizard and select the Cell tab (Select All Cells is NOT checked)
3. Chang the border color of the cell and hit OK

Current behavior

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.

Expected/desired behavior

The border color of the selected cell is changed.

Environment

• Kendo UI version: 2020.2.513
• jQuery version: x.y
• Browser: [all]

Bug report

The Editor table wizard does not apply styling to all cells

Reproduction of the problem

1. Open this demo
2. Select February Actual cell
3. Open table wizard
4. Select the Cell tab
5. Create a border - for example, 6px double red border, click OK

Current behavior

The specified border is not applied. Selecting the February header instead and repeating the steps above applies the border styling

Expected/desired behavior

The styling applied through the wizard should be applied to the table cell

Environment

• Kendo UI version: 2020.1.406
• Browser: [all]

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>");
                        }
                    }

Currently CTRL+Z performs an "Undo" and it works well in the editor.  Can we add toolbar buttons for Undo and Redo?

Create events for the ImageBrowser for both standard widget and MVC Wrappers.

Many times I want to style my images that are being inserted by wrapping them in some custom HTML DIV's and SPAN's.  This would allow them to include code for prettyPhoto for example, contain classes that can float the image right or left, allow for margin's, etc.

Including the capability of adding snippets that would wrap around the image when Insert is clicked would add a lot of value.

I guess templates could be used, but the capability would need to be there.

Anything to allow me to modify the way the Image HTML is inserted into my text would save me lots of time.

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.

The images inside the editor Widget are resizable only when using Firefox. It would be great if the resize option for images is also available for other "big" browsers like Chrome, Safari and IE. I'm aware of the thread that says that only Firefox supports image resizing by default. This could be implemented independent of supporting it by browsers. Many other (opensource) editors like tinymce support that feature by default, that could be implement by Javascript instead of waiting for other browsers supporting it.

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