Bug report

Reproducible in Chrome and Firefox.

Reproduction of the problem

Dojo example
Copy the list from the attached file and paste it in the Editor:

doc1.docx

Current behavior

List numeration is duplicated.

Expected/desired behavior

The pasted list looks as in the Word document.

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [Chrome | Firefox ]

Hi Team,

I'd like to request the Kendo UI Editor implement the functionality to utilize a Page Size such as A4.  If the user types beyond the size, it should show a page break to let the user know it's gone past the limit.  

Thank you

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

1. Click in the editor and make a change.
2. Click out of the editor.
3. Click in the editor again and make another change.
4. Click out of the editor.
5. Error is thrown.

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.

• 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!

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?

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 ]

Bug report

Reproduction of the problem

Dojo example.

1. In the Editor's content click the line above the "Climate" word
2. Press and hold down Space key, while holding it down click the left mouse button and hold it down as well, then hover the table and move the mouse cursor over it.

For more details see Ticket ID: 1478828

Current behavior

A js exception is thrown:
kendo.all.js:78925 Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 3.

Expected/desired behavior

No exceptions.

Environment

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

Bug report

The last row of a table in the Editor cannot be resized.

Reproduction of the problem

1. Open this demo - https://demos.telerik.com/kendo-ui/editor/table-editing.
2. Try resizing the last row.

Current behavior

The upper row will be resized instead.

Expected/desired behavior

The last row should be resized.

Environment

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

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)

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

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