When I paste a table from Word or Excel in the Editor, some of the formatting is lost. The Kendo React Editor supports most of the formatting and I would like to see the same behavior for Blazor.
The Editor currently supports only numeric ordered list. I'm looking for an option to add different types of ordered lists - roman and alphabetical.
Please add support for these types of ordered lists similiar to the KendoReact Editor.
When adding an icon such as <i class="fa-light fa-envelope"></i> (the format which FontAwesome recommends), the icon's HTML disappears upon saving. We figured this was maybe due to the type of tag used (the i tag), so we tried using a div instead (<div class="fa-light fa-envelope"></div>). This div is not stripped from the HTML but the icon is not rendered.
Please allow inserting icons in the Editor content.
I am using the LinkCommandArgs to programmatically create a link. I am adding all the required parameters (string href, string text, string target, string title) but no link is added to the Editor content.
Reproduction: https://blazorrepl.telerik.com/QyOTwCuU48HSG5xp41.
===
ADMIN EDIT
===
For the time being, you may add a link using the HtmlCommandArgs tool and the "insertHtml" command like so: https://blazorrepl.telerik.com/GyuTmMkt56f3YiM754.
The Telerik Blazor Telerik Editor Insert Hyperlink functionality is not consistent with other Telerik Editor components and non Telerik Editors. Usually when dealing with Editors and the Insert Hyperlink feature, you can insert a hyperlink without need to select and convert existing text. You can also usually use the ctrl+k keyboard shortcut instead of clicking on the button. This does not work in the Telerik Blazor Editor.
The differences and lack of functionality has been raised as an issue by end users.
Expected Behaviour
- Ensure no text is selected. The Insert Hyperlink button should be enabled.
- Click the Insert Hyperlink button or press ctrl+k.
- Enter values for web address, text, tooltip and "open link in new window".
- Click insert. An anchor tag with the given text, link, etc. is created.
This can be reproduced on any of the Kendo UI for jQuery demo pages. It can also be reproduced within the editor on this very form.
Actual Behaviour
- Ensure no text is selected. The Insert Hyperlink button is not enabled and cannot be clicked.
- You must select existing text to be able to convert it to a hyperlink.
This can be reproduced on any of the demo pages that has the hyperlink button.
However, when we try to insert for example, an "<input />" element via a Custom Tool and the ExecuteAsync method. It doesn't work.
When copying from the Editor and pasting in Word (keep source formatting), basic stuff like font and font size are not kept.
The text will always become Times New Roman, and the font sizes are not the same, for example 14pt becomes 13.5pt...
Using IFrame-mode and injecting css to set default fonts since that is not supported in a proper way...
From what I can see you need to intercept the copy-event and fix the html like your competitors do (for example syncfusion)...
The problem is that the ValueChanged fires without an actual change in the Editor content - just click in it. I reproduce this issue in the following scenario:
- The value contains a self-closing tag.
- I click in the Editor the first time. Consecutive clicks in the Editor do not cause ValueChanged to fire.
Reproduction: https://blazorrepl.telerik.com/wfaxnvPv19jUCGhd15.
The Editor converts new lines in the HTML content to empty paragraphs if the Value is set after the component is initialized and rendered.
Here is a test page with the possible workarounds. The app can either display the Editor after its Value becomes available, or strip the new lines before setting the component Value.
Description
After the user selects a color in the color tools, the popup does not close automatically. The user has to click on the Editor's toolbar for the popup to close.
Steps To Reproduce
- Run this example: https://blazorrepl.telerik.com/GTYXPsFv59loxN7v37
- Highlight a word in the Editor's content and use the color tools. Change either the text color or the background color.
Actual Behavior
After selecting a color, the color tool's popup remains open.
Expected Behavior
The color tool's popup closes.
Browser
All
Last working version of Telerik UI for Blazor (if regression)
No response
For example:
<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>Losing the style attributes and adding classes and paragraph tags breaking our current formatting requirements.
Ideally we would just modify our html data to fit the new formatting but with years of data that's just not feasible.
Previously if content in HTML view of Editor exceeded height a scroll bar would appear like below (v2.29).
Now there is no scroll bar and you have to press the down arrow to get further in the content (v.3.0.1) .
to fix this locally I added CSS overflow: auto to .k-textarea
Hi,
We are using the Blazor Editor for a feature in one of our web apps, and created a custom tool for the editor that allows the user to modify the raw HTML.
If an IFrame is added to the HTML with an empty or missing "src" attribute like so:
<iframe src=""></iframe>
OR
<iframe></iframe>The editor will throw a JS Interop exception:
No value supplied for attribute src
OP@https://[redacted]/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:830821
PP.prototype.computeAttrsWould you guys consider this a bug with the editor? Since they are technically valid elements, mganss' HtmlSanitizer does not remove sourceless IFrames and unfortunately there does not seem to be a way to make it do so.
Thanks in advance for the assistance!