Bug report

When setting a special font of a given paragraph in the Editor component, if the "x" of the Font dropdown is pressed it will reset the font of this text to the default one. If we then want to change the format of a given paragraph(make it bold for example), we select the paragraph and click on the "Bold" button. The text which is being bolded is the one which font was previously reset, not the selected text which we expect to become bold.

Reproduction of the problem

1. Open this Dojo and select a random text in the Editor
2. Change the font of the selected text by choosing one from the "Fonts" dropdown
3. After changing the font keep the text selection and click on the "x" in the "Fonts" dropdown. The font of the selected paragraph will be reset to the default one.
4. Select a random text chunk in the Editor and click on the "Bold" button.
5. See that the bolded text is not the one we expect to be, but the text which font we've reset.

The reported behavior is applicable to all styles - bold, italic, underline, text alignment, ul, ol.

Current behavior

When changing the style of a given selected text, after there was a font reset in the Editor, the new formatting we set is being applied on the text which font was reset, not on the selected one.

Expected/desired behavior

No matter the operations performed in the Editor when formatting a selected text, the format changes should be applied to the selected text only.

Environment

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

• 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 would like to be able to generate PDF from editor using HTML template (like http://dojo.telerik.com/Ovegu), so i could specify headers and footers for all PDFs that are created by the user.

Bug report

Dropping an image into the Editor's content results in the image being opened in the browser instead of being added to the widget's content. Reproducible in Chrome, IE and Edge. If there is existing content and the image is dropped in it, the image is added to the content as expected.

Regression introduced in 2019.2.619.
Related to #4994

Reproduction of the problem

Screencast.
Dojo example.

1. Drag an image into the Editor's content.

Current behavior

The image is opened in the browser.

Expected/desired behavior

The image is added to the Editor's content.

Environment

• Kendo UI version: 2019.3.1023
• jQuery version: x.y
• Browser: [Chrome 78, IE, Edge ]

It will be a nice feature if it is possible to delete the tables inserted in the Editor by selecting them and then pressing the Delete/Backspace button.

Currently, this behavior is working in Internet Explorer as it can be observed in this video.

Hi,

 

We are facing an issue as follows.

1. We type some ordered or unordered list and we move cursor one left or right.

2. We do select all and backspace to delete entire list.

 

Issue: First index or bullet never gets deleted does not matter how many times backspace is clicked. On inspecting dom we can see list structure is retained and does not get deleted.

 

Please find attached video.

 

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 ]

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

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

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 ]

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

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

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

Regression introduced in R1 2021 SP1. Related to: #6169

Reproduction of the problem

Reproducible in the demos in IE11.

1. Create a table in a Word document.
2. Copy the table and paste it in the Editor.

Current behavior

A js exception is thrown.

Expected/desired behavior

No exceptions on pasting the table.

Environment

• Kendo UI version: 2021.1.224
• jQuery version: x.y
• Browser: [IE11 ]

I can use the Print-Dialog (Print-Icon in the Editor)  only once.

If I try to use it again nothing happens. If I do a page reload everything works fine for one time again.

Bug report

In the Editor with non-editable content, if you delete the content of the element and type new value, the new value cannot be obtained.

Regression introduced in Kendo 2020.1.114

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@martin.tabakov@progress.com/EgaKIGOQ/3.
2. Place the cursor after the text in the Editor and press backspace.
3. Type new value.
4. Click the test button.

Current behavior

The value method returns an empty string.

Expected/desired behavior

The value method should return the newly typed content.

Environment

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

Bug report

When the Editor is in a <form> that also has inputs and the Enter key is pressed in the input fields, the first button in the Editor`s toolbar is selected.

Reproduction of the problem

1. Open the Dojo example
2. Click in one of the inputs and press Enter

Current behavior

The 'Bold' button is selected

Expected/desired behavior

The buttons in the Editor should not be selected when pressing Enter key in the external inputs.

Regression introduced with Kendo 2020.2.513

Environment

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

Using contenteditbale=false to disable the Editor image and table resizing still works. 

Dojo to reproduce the problem:

https://dojo.telerik.com/acIhiqiN

Actual behavior:

Steps: 

1. Disable using the button

2. Try to resize the image - it can be resized

3. Try to resize the table- it can be resized

Expected:

Images and tables not to be resized