clean formattiing - Kendo UI Angular Editor

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Declined

Last Updated: 04 Oct 2022 12:36 by ADMIN

Babu

Created on: 20 Sep 2022 06:23

Category: Editor

Type: Bug Report

clean formattiing - Kendo UI Angular Editor

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:

{ABS_Comments}

HTML Content - after applying the clear formatting :

{ABS_Comments}

It suppose to remove the only the formatting tags instead span and actual tags.

4 comments

ADMIN

Martin

Posted on: 04 Oct 2022 12:36

Hi Saminathan,

Let me start by providing some further details about the list items and applying font size to them.

In general, any text modifications like font size, family and etc are applied to the text, instead to the entire <li> element. That is why the dots aren't reflected by the changes and this is the current behavior of applying text customizations. The reported behavior could be considered a potential feature enhancement. That is why I decided to log it into our Feedback Portal system on your behalf.

https://feedback.telerik.com/kendo-angular-ui/1582121-apply-text-changes-to-bullet-dots

Regarding the paste from Word case, use the pasteCleanupSettings option of the Editor, to persist the applied font size and family in Editor:

https://www.telerik.com/kendo-angular-ui/components/editor/paste-cleanup/

In order to populate the correct values in the font size and font family tools, the developer needs to provide a custom collection of data for both tools using their built-in data property. Here is an example of pasting a bullet list using Impact font and 36pt size:

https://stackblitz.com/edit/angular-cqqmkt-y3mphk

Regards,
Martin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Saminathan

Posted on: 27 Sep 2022 17:22

Issue : Font name and size is not same when the text is copied from the MS-Word.

Replication : Type some text in the MS-Word Editor and set any font and size to the text.

Copy that text from the MS-Word.

Paste that text to the Kendo Editor.

Check the font name and size. It shows different font and size in the kendo editor.

Could you please verify this issue and provide if any solution for this issue.

Saminathan

Posted on: 27 Sep 2022 17:16

Issue - Bullet point size is not resized with respect to the size of the font of the text. Pls let us know if any solution for this issue.

Kendo Anguar UI Editor – Set the font size to 36px – the bullet point size is not increased

in MS Word - Bullet size is also increased with respect to the size of the font.

ADMIN

Martin

Posted on: 27 Sep 2022 09:19

Hi Babu,

All styling applied to the text like bold, italic, font size, font family and etc, are applied as ProseMirror marks, which in the DOM are represented as , , . Thus the text formatting styling can be applied to the desired text.

Cleaning the formatting using the built-on tool removes those applied , , and successfully and leaves just a simple paragraph in the DOM. In this line of words, the functionality works as expected following the standards and principles of the ProseMirror library. That is why the current bug report will be marked as 'Declined'.

In order to accomplish the desired behavior, a custom Clean Formatting tool could be created instead of using the built-in one or creating a custom node for the  elements that have other attributes appended to it. I would like to suggest checking the Progress Professional services which specialize in custom-tailored solutions and complete implementations.

Regards,

Martin
Progress Telerik