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

It will be a good addition to the Editor component if the following functionality options are added related to document processing(MS Word for as an example):

1. PageView of the rich text documents.
2. Header & Footer.
3. Document breaks.
4. Document layout.
5. Margin
6. Ruler.
7. Tables inside the document to support:
   *Table formatting. Silverlight version supports using format names to change the entire appearance of a table.
   *Merge/Split cells
   *Size to contents

Thank you.

Hi team,

Zoom in /out options are required to view the content of the editor.

Regards,

Babu

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.

Hi team,

Please provide a built-in Find and Replace/Replace all feature to the Editor

Regards,

Babu

Please add the following features to the Editor in Kendo UI for Angular 2+:

- Table Wizard

- Split cell row

- Split cell column

- Merge cell row

- Merge cell column

Note: These features exist i the Kendo UI for ASP.NET MVC version of the editor.

Hi ,

Could you please let us know whether track changes is available on Kendo UI Editor similar to RadEditor(Telerik Web UI Editor Track Changes Demo | Telerik UI for ASP.NET AJAX. )

if not , could you please let us know when can be implemented?

Thanks

Currently, when the user hits enter, the editor adds a p tag (<p></p>). To add a <br> tag in the editor, the user has to press Shift+Enter.

Can we have a property that lets the developer decide what tag to add when the user hits enter?

Hi,

When the Editor content is large, typing in the component doesn't show the typed characters immediately. Depending on the content users may need to wait several seconds to see the typed character.

An example of the performance problems can be found in the following example. The used value is dummy Lorem Ipsum, but we are still having the same problems while showing important information:

https://stackblitz.com/edit/angular-hv89jm

I'm having trouble with having sub-list items. I thought I'd be able to just use the indent increase toolbar button or the Tab key to create a sub-list item but it doesn't seem to work as expected. I'm not able to do this in the demo of the editor features here even: https://www.telerik.com/kendo-angular-ui/components/editor/

E.g.

- Level 1

   - Level 2

   - Level 2

      - Level 3 etc

Hi,

It will be nice to have a feature if stripTags property supports an `all` feature that strips all available HTML tags. Similar to the removeAttributes attribute that provides an `all` option.

Thank you for your consideration.

Provide inline editing in Editor component like the one supported by the Kendo jQuery Editor:

https://demos.telerik.com/kendo-ui/editor/inline-editing

Hello,

after entering an URL and pressing ENTER, the URL is not converted into a link

(In the Editor Kendo UI jQuery this works)

Hello,

It would be very nice to have dedicated PDF Export functionality for the Editor.  Some of the features that would be included with this would be:

• Built-in exporting of html within the editor, keeping the content consistent with the size of PDF. Currently, tables within the editor are only able to be exported via a workaround where CSS styles have to be applied outside of the editor. (Also, entering data into tables on the editor is very inconsistent - after a few characters, the cursor jumps to the last cell.
• Pagination Support: Header/Footer, page numbers, page breaks. Currently, header and footer functionality is not possible within the editor/PDF export combo (unless there is another workaround possible). Also, depending on what scale is set for the PDF Export component, content will often run off the side of the page on the exported PDF. It would also be useful to have physical page breaks represented somehow on the editor, either through multiple pages or a line separating them. Unless you manually place the page breaks on certain elements within the editor content, there is no way to see when they will appear. 

These features are crucial to our project and would be very much appreciated.

Thanks,

Aidan

Steps to reproduce:

1. Go to https://www.telerik.com/kendo-angular-ui/components/editor/tools/
2. Choose any font-size parameter in the "Select font size" dropdown
3. Open the dropdown again

Actual result: current value doesn't have selected styles in the dropdown

Expected result: current value in the dropdown is highlighted. Please see an example below:

I see that in Kendo UI for JQuery it is present, but for Angular 2+ there is no such functionality in the example.

There is no way to change size for columns,rows and table for table.

1) Go to https://www.telerik.com/kendo-angular-ui/components/editor/tools/

2) Add table to editor

3) Click on table

4) No way to change size

The use case that we would like to cover is as follows.

1. Open an image in Paint.

2. Select a region and copy it.

3. Paste into the editor.

4. The image should be displayed in the editor. 

It should, however, be encoded similar to the way that Kendo Grid for jQuery does to produce something like this.

<img src="data:image/png;base64,iVBORw0KGgoAAA...vwAAAABJRU5ErkJggg==" />

Note that the image is not hosted remotely at some URL, but rather is included inline within the body.

Sometime but not always, the Editor will start to set the style attribute for each and every element, even though they are all the same.

Example Html:

<p>
  <span style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">Bedroom One</span>
  <br style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
  <span style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">- Wrap, box and move non-affected contents and small furniture away from the affected area.</span>
  <br style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">
  <span style="color: rgb(53, 53, 53); font-family: &quot;Open Sans&quot;, tahoma, arial, helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: -webkit-left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: inline !important; float: none;">- Carryout inventory and dispose of non-restorable contents and furniture.</span>
</p>  

How can I avoid this duplication?

This is my current configuration for the Kendo Editor:

 <kendo-editor ctsStyle
          [style.height]="to.height"
          [formControl]="formControl"
          [class.is-valid]="showError"
          [formlyAttributes]="field"
          >

          <kendo-toolbar [overflow]="true">
            <kendo-toolbar-buttongroup>
              <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
            <kendo-toolbar-dropdownlist kendoEditorFormat></kendo-toolbar-dropdownlist>
            <kendo-toolbar-buttongroup>
              <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
            <kendo-toolbar-buttongroup>
              <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
              <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
            </kendo-toolbar-buttongroup>
          </kendo-toolbar>

        </kendo-editor>