Currently, formatting is cleared when a table is pasted from a Word document, or from Excel into the Editor.

Add support for persisting table formatting: borders, font-color, background-color, etc.

Bug report

The toolbar in the Editor's ImageBrowser is not rendered correctly with jQuery 3.5.x

Reproduction of the problem

1. Open this example - https://dojo.telerik.com/oSUfaYaP
2. Open the ImageBrowser.

Current behavior

The toolbar is not rendered correctly. Items are differently positioned.

Expected/desired behavior

The toolbar should be rendered as in this example. https://dojo.telerik.com/@martin.tabakov@progress.com/OZOMoJeJ

Environment

• Kendo UI version: 2021.1.119
• **jQuery version: 3.5.1
• Browser: [all]

Bug report

When uploading a file through the Editor's FileBrowser, the file's name is not updated with the name coming generated on the server. The file's name is updated in the ImageBrowser using the same server code.

Editor configuration:

$("#editor").kendoEditor({               
                fileBrowser: {
                    schema: {
                        model: {
                            id: "name",
                            fields: {
                                name: { field: "name" },
                                type: { field: "type" },
                                size: { field: "size" }
                            }
                        }
                    },
                    transport: {
                        read: "@Url.HttpRouteUrl("ActionApi", new {controller = "MessageTemplates", action = "Read"})",
                        destroy: "",
                        create: "",
                        uploadUrl: "@Url.HttpRouteUrl("ActionApi", new {action = "UploadMp3", controller = "MessageTemplates" })",
                        fileUrl: function (name) {
                            var url = "/files/" + name + "/";
                            return url;
                        }
                    },

                    fileTypes: "*.mp3, *.pdf"
                },
                tools: ['insertImage', 'insertFile']
});

Controller:

[HttpPost]
        [ActionName("Read")]
        public object Read()
        {
            try
            {
                string path = HttpContext.Current.Request.Params["path"];

                var fullPath = System.Web.Hosting.HostingEnvironment.MapPath(@"~/Files/" + path);

                DirectoryInfo dir = new DirectoryInfo(fullPath);
                var result = dir.GetFiles("*.*").Select(f => new
                {
                    name = f.Name,
                    type = "f",
                    size = (long)0,
                }).ToList();

                return result;
            }
            catch (Exception e)
            {
                return null;
                //throw new HttpException(404, "File Not Found");
            }
        }

        [HttpPost]
        [ActionName("UploadMp3")]
        public HttpResponseMessage UploadMp3()
        {
            var file = HttpContext.Current.Request.Files[0];
            try
            {
                return Request.CreateResponse(HttpStatusCode.Created, new
                {
                    size = file.ContentLength,
                    name = Guid.NewGuid().ToString(),
                    type = "f"
                });
            }
            catch (Exception e)
            {
                return new HttpResponseMessage(HttpStatusCode.BadRequest);
            }
        }

Reproduction of the problem

1. Open the Editor's FileBrowser.
2. Upload a file.

Current behavior

The file name is not updated whereas it is being updated in the ImageBrowser.

Expected/desired behavior

The file name should be updated as in the ImageBrowser.

Environment

• Kendo UI version: 2021.1.119
• Browser: [all]
  editorimagevsfileuploadzip.zip

Bug report

Reproduction of the problem

Dojo example.

1. Add the following two tables through the viewHtml tool

<table>
	<tbody>
	<tr>
		<td>
			<p>
				<span>&nbsp;</span>
			</p>
		</td>
	</tr>
	</tbody>
</table>

<table><tbody><tr><td><p><span>&nbsp;</span></p></td></tr></tbody></table>

Both tables are identical, but the first one is formatted.

2. Open the viewHtml dialog again.

Current behavior

The Editor has stripped the p and span tags from the first table. The issue is related to the presence of
  in the span. If it is replaced with text, the elements are not stripped.

Expected/desired behavior

No elements should be stripped from the table.

Environment

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

Bug report

The toolbar of the inline Editor hides when the user click on a disabled button inside it or on the toolbar itself

• This is a regression introduced with R3 2020 SP1 - 2020.3.1021

Reproduction of the problem

1. Open this Dojo
2. Open the toolbar and click on the disabled "Unlink" button or on the right part of the toolbar where there are no buttons

Current behavior

The toolbar hides after the user click on it.

Expected/desired behavior

The toolbar should stay visible after the user click it

Environment

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

Bug report

Reproduction of the problem

Reproducible in the demos.

1. Create a table in a Word document.
2. Copy the table and paste it in the Editor.
3. Highlight the content of all the cells in a row.
4. Apply background color through the Editor's background color tool.

Current behavior

An empty column is added to the table.

Expected/desired behavior

No empty column added and all the highlighted cells are styled properly.

Environment

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

Bug report

Reproducible with inline and classic Editor.

Reproduction of the problem

Dojo example.

1. Type in some text in the Editor.
2. Press Ctrl + A keys.
3. Press Backspace key.
4. Press Ctrl + Z keys.

Current behavior

Undo does not work the first time Ctrl + Z keys are pressed. It works, if you press them a second time.
If the keydown event handler is not attached, it works as expected.

Expected/desired behavior

Undo works on the first press of Ctrl + Z keys.

Environment

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

Bug report

Reproduction of the problem

Dojo example. Video available in ticket id: 1496525 (first post).

1. Click at the end of line2 in paragraph1
2. Press Enter
3. Type in some text, e.g., "paragraph2"
4. Press Shift + Enter

Current behavior

Two new lines are created instead of one.

Expected/desired behavior

One new line is created.

Environment

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

Bug report

When there are bookmarks in a Word file and the text from the Word is pasted in Editor the indention of the text and space of the alignment is changed.

Reproduction of the problem

1. Open the Dojo
2. Copy the list from the attached file and paste it in the Editor:

TestFile1.docx

Current behavior

The indention of the list is changed.

Expected/desired behavior

The pasted list should look like in the Word document

Environment

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

Bug report

Reproduction of the problem

Reproducible in demos in Chrome.

1. Click on the "Print" tool in the toolbar.

Current behavior

The Editor's content is focused and the caret is printed.

Expected/desired behavior

The caret is not printed.

Environment

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

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.

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]

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]

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

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!

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 ]

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.