At the moment, commands are available both for color and background color, you can find them in the built-in tools list article - see the Back Color and Fore Color tools: https://docs.telerik.com/blazor-ui/components/editor/built-in-tools. You can use them as custom tools right now: https://docs.telerik.com/blazor-ui/components/editor/custom-tool - basic examples are also available in the demo: https://demos.telerik.com/blazor-ui/editor/custom-tools.
I would like to have them as built-in tools with predefined color pickers.
*** Thread created by admin on customer behalf ***
At the moment bullet lists are lost.
---
ADMIN EDIT
Short version: The editor must implement content filters that transform the HTML MS Word provides into actual HTML (e.g., bullets from Word come as paragraphs, not <ul>).
Long version:
By default, pasting content from an application to another application goes through the OS and the applications can choose what flavor of the content to provide. In the case of pasting to a browser, the browser informs MS Word to provide an HTML version of the content. What Word provides is often pretty bad HTML where a lot of the formatting is gone.
For example, bullet lists become paragraphs that have a span with a dot in it, but this is not a real bullet list.
You can compare that behavior between the Telerik editor and the naked behavior of the browser with markup like this:
<div contenteditable="true" style="min-height: 200px; border: 1px solid red;"></div>
<TelerikEditor></TelerikEditor>
An editor component will do some processing that tries to ensure valid HTML and so some content changes are inevitable. The key thing is that we preserve the main HTML structure that Word provides.
---
I am passing an HTML table, which, on some elements, has a style attribute. When it renders the style attribute is missing which breaks the layout.
Passed HTML:
<table>
<tr>
<td style="width:100px;background-color:#FF0000;">Test</td>
</tr>
</table>
Rendered HTML from the Editor (missing style attribute):
<table class="k-table"><tbody><tr><td><p>Test</p></td></tr></tbody></table>
In fashion similar to the following example for the React editor that's done through the onMount ReactJS-specific event: https://www.telerik.com/kendo-react-ui/components/editor/plugins/#popup-tools
More on plugins for ProseMirror: https://prosemirror.net/docs/ref/version/0.20.0.html#state.Plugin_System
<table>
<tr>
<td style="width:100px;background-color:#FF0000;">Test</td>
</tr>
</table>
<table class="k-table"><tbody><tr><td><p>Test</p></td></tr></tbody></table>
At the moment, the insertHTML command is a block command - meaning, it will wrap your content in a <p> tag if it is an inline tag (such as an anchor).
I would like to be able to insert inline content as well without it getting wrapped in a block parent.
*** Thread created by admin on customer behalf ***
For example, like the AJAX editor where the field appears only when simple text is selected, but when complex content is selected (e.g., other html tags like <strong>, <p>, <img>) the field is not available.
*** Thread created by admin on customer behalf ***
Like other editors from Telerik (say, Kendo, WebForms).
*** Thread created by admin on customer behalf ***