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.
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: "Open Sans", 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: "Open Sans", 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: "Open Sans", 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: "Open Sans", 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: "Open Sans", 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>Hi team,
Zoom in /out options are required to view the content of the editor.
Regards,
Babu
I would like have "Format Painter" or "Copy Format" in the Editor.
Currently there is no "Format Painter" or similar option available for Editor.
I hope Editor enhancement feature you will add into your plan near future.
.jpg){kind=avatar}
Provide inline editing in Editor component like the one supported by the Kendo jQuery Editor:
https://demos.telerik.com/kendo-ui/editor/inline-editing
Provide a built-in option to paste Excel data inside the Editor formatted as a table (like the KendoReact Editor):
When applying font-size, the bullet list dots aren't affected by yhe changes as the MS Word behave:
MS Word
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.
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
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):
- PageView of the rich text documents.
- Header & Footer.
- Document breaks.
- Document layout.
- Margin
- Ruler.
- 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
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?
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.