Hello,
Please repeat the following steps to reproduce this issue:
- Go to https://www.telerik.com/kendo-angular-ui/components/editor#angular-editor-example
- In the Angular Editor Example click on the first line of the first paragraph (let's say on the word Kendo)
- Navigate to toolbar via Shift+Tab key
- Use the arrow key to navigate to Format dropdownlist
- Use Enter to open the dropdownlist with the available formats (Paragraph, Heading 1, Heading 2, etc)
- Choose e.g. "Heading 1" with Enter
- Press Tab to focus the editor content (You can type some letters to ensure that the editor content is focused)
- Press Shift+Tab to go back to toolbar
- Press an arrow key (Left or Right) to try to navigate through the toolbar => Bug
Expected behaviour: It's possible to navigate through the toolbar items like in step 4
Experienced behaviour: You can not navigate through the toolbar items with arrow left or arrow right.
Important: After choosing an item from the dropdown, the kendo-dropdownlist has still an tabindex="0", what is also wrong.
I observed this bug in our application but it's possible to reproduce it with your example, too.
Kind regards,
Roman
It would be great to have support for collaborative editing in the Editor. This could include a helper function to facilitate collaboration, similar to ProseMirror’s or Yjs’ implementations. This would enhance real-time collaborative capabilities for users, allowing smoother shared editing experiences.
Examples:
Hi, Team!
I would like to request the possibility of inserting various shapes in the Editor component similar to the functionality in Microsoft Word.
Here is a possible workaround: https://stackblitz.com/edit/angular-lx34zzvp-qhvevap1
This event would be useful to focus the editor on some specific scenarios like in the Dialog:
https://www.telerik.com/kendo-angular-ui/components/knowledge-base/focusing-editor-inside-dialog
It currently relies on a short delay, which might differ depending on the machine.
We currently are using TinyMce and they have a plugin that allows you to insert templates into their editor. When writing content, templates can save users a lot of time, especially when they’re entering a lot of the same content over and over. They also have the ability to configure template replace values.
Adding a similar plugin to the Kendo Editor would be nice.
https://www.tiny.cloud/tinymce/features/templates/
https://www.tiny.cloud/blog/tinymce-templates/
Currently, the editor controls the disabled state of the control types, but it would be a good feature to have for the developers to manually handle the state by using the disabled property for the control types.
Please provide a template for customizing the value appearance of the DropDownList control types in the toolbar of the Editor, similar to the one available for the default DropDownList component:
At present, the only approach that can be used for configuring a value template is by implementing a custom DropDownList tool in the toolbar of the Editor:
It would be a good feature to have a popup open over the image when the user clicks it, providing the option to resize by entering dimensions, similar to when adding the image to the editor.
The following HTML markup is not supported and misinterpred by the Editor:
<span style="color: red;">Test <span style="color: blue;">Inner Span </span> Test</span>The result is:
<p>
<span style="color: red;">Test</span>
<span style="color: blue;">Inner Span</span>
Test
</p>
Hi,
It would be a nice feature for the Editor toolbar to have built-in copy, paste, and cut tools.
Hi,
Having a built-in grammar checker that enables the inclusion of custom dictionaries or industry-specific terminology would be a valuable addition to the Editor component.
Provide a built-in option to paste Excel data inside the Editor formatted as a table (like the KendoReact Editor):
I would love to create some predefined values, and when the user selects the value from the dropdown, it will insert it in the cursor position.
This will give us the ability to define some placeholders in the text.
When applying font-size, the bullet list dots aren't affected by yhe changes as the MS Word behave:
MS Word
Hi team,
Zoom in /out options are required to view the content of the editor.
Regards,
Babu
Clear formatting is not working properly , as it removed the span tag and other attributes of the html tags.
For example :
HTML content - before applying the clear formatting:
<p style="line-height: normal;"><strong><em><span style="font-family:Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif; font-size:11px;" class="ABS_Comments" id="ABS_Comments" name="ABS_Comments">{ABS_Comments}</span></em></strong></p>
HTML Content - after applying the clear formatting :
<p style="line-height: normal;">{ABS_Comments}</p>
It suppose to remove the only the formatting tags instead span and actual tags.
Hi
As per your suggestion we have writing the below code for focusing the cursor position, it is working fine but after putting table on the editor and set the background of the any text is not working . If the table is not placed on the editor and select the background color to the any text working fine.
I think , this would happen because of the below code. Please fix this issue.
Note : Foreground color is working fine in all cases.