Completed
Last Updated: 27 Sep 2024 11:36 by ADMIN
Created by: Nadezhda
Comments: 0
Category: Editor
Type: Bug Report
4

When you create or paste a table, you cannot move the cursor outside of it if there is no other content in the Editor.

----------ADMIN EDIT----------

Here is a possible workaround when using InsertTable() tool:

@using Telerik.Blazor.Components.Editor

<TelerikButton OnClick="@InsertTable">Insert Table</TelerikButton>

<TelerikEditor @ref="@TheEditor" Value="@TheContent" ValueChanged="@ValueChangedHandler"></TelerikEditor>

@code {
    TelerikEditor TheEditor { get; set; }

    string TheContent { get; set; } = "<p>Lorem ipsum.</p><p>Dolor sit amet.</p>";

    void ValueChangedHandler(string value)
    {
        var checkEnd = value.EndsWith("</table>");

        TheContent = checkEnd == true ? value + "<p></p>" : value;
    }

    async Task InsertTable()
    {
        await TheEditor.ExecuteAsync(new TableCommandArgs(4, 4));
    }
}

Steps:

  • Use the Editor's ValueChanged event.
  • See if the value ends with a closing </table> tag.
  • Append an empty paragraph to the Editor value - "<p></p>".
Unplanned
Last Updated: 05 Sep 2024 11:39 by Prabhu
Created by: Prabhu
Comments: 0
Category: Editor
Type: Feature Request
2

Please allow the user to copy an image from the file system (for example, Windows Explorer) and paste it in the Editor without opening the image first.

Currently this works in the Kendo UI jQuery Editor.

Completed
Last Updated: 05 Aug 2024 13:31 by ADMIN
Release 6.1.0
Created by: Nikolaj Herting
Comments: 2
Category: Editor
Type: Feature Request
12

Please expose the ability to allow additional HTML attributes in the Editor content.

===ADMIN EDIT===

Provide support for:

  • custom attributes for the Editor elements
  • custom tags
Unplanned
Last Updated: 20 Jun 2024 17:26 by ADMIN

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

  1. Ensure no text is selected. The Insert Hyperlink button should be enabled.
  2. Click the Insert Hyperlink button or press ctrl+k.
  3. Enter values for web address, text, tooltip and "open link in new window".
  4. 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

  1. Ensure no text is selected. The Insert Hyperlink button is not enabled and cannot be clicked.
  2. 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.

Unplanned
Last Updated: 06 Jun 2024 08:28 by ADMIN

The Editor is not showing its Value in the following scenario:

  • Using JSInterop in OnAfterRenderAsync
  • Setting the Editor Value in OnAfterRenderAsync and after the JSInterop call
  • Blazor Server app (seems to work in WebAssembly)

Possible workarounds are:

  • Set the Editor Value and call StateHasChanged() before using JSInterop in OnAfterRenderAsync, or
  • Add some small delay (for example, await Task.Delay(100); ) before using JSInterop.
Unplanned
Last Updated: 04 Jun 2024 09:17 by Patrik Madliak
Created by: Patrik Madliak
Comments: 0
Category: Editor
Type: Bug Report
1

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.

 

Unplanned
Last Updated: 30 May 2024 12:41 by Tony
Created by: Tony
Comments: 0
Category: Editor
Type: Feature Request
1

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.

Completed
Last Updated: 09 May 2024 12:33 by ADMIN
Release 2024 Q2 (May)
When a user selects an image in the Editor, the image doesn't have resize handles.
Completed
Last Updated: 17 Apr 2024 12:31 by ADMIN
Created by: Garrick
Comments: 1
Category: Editor
Type: Feature Request
0

It would be nice to have an ability to group CustomTool / icons much like we can do EditorButtonGroup(s) - e.g.

new CustomToolGroup (new CustomTool("Save"),  new CustomTool("Import"), new CustomTool("Export"))

 

 

Unplanned
Last Updated: 01 Apr 2024 13:23 by Garrick
Created by: Garrick
Comments: 0
Category: Editor
Type: Feature Request
1
I need a way to distinguish a "Drag and Drop" operation from regular editing (including text copy/paste) in the Editor. Currently, ValueChanged fires for every change and there is no way to know whether the user typed something or dropped some content in the editable area.
Unplanned
Last Updated: 28 Mar 2024 09:01 by Henk
Created by: Henk
Comments: 0
Category: Editor
Type: Bug Report
1
There is a problem with controlling the ReadOnly mode of the editor.  If the ReadOnly property is set to "true" or "false", the editor behaves as expected. If instead a boolean variable is used, the editor seems to ignore the value of the variable; the text can be edited no matter the value of the variable.
Unplanned
Last Updated: 18 Mar 2024 10:15 by Fanie

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.

Declined
Last Updated: 20 Dec 2023 14:10 by ADMIN

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. 

Completed
Last Updated: 07 Nov 2023 11:45 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)

When I add table to Editor, dispose the component and initialize it again with the same content, the table cells appear taller. It looks like an additional <br class="ProseMirror-trailingBreak"> appears in every cell.

Reproduction: https://blazorrepl.telerik.com/cwaqcSuV12myl9ok47.

Steps to reproduce:

  1. Add a table
  2. Toggle the Editor
  3. Cells appear taller
Completed
Last Updated: 31 Oct 2023 12:14 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)
Created by: Johan
Comments: 0
Category: Editor
Type: Bug Report
1

Here is a scenario that produces an exception.

  1. Go to https://demos.telerik.com/blazor-ui/editor/overview
  2. Select the image in the Editor and resize it using the border / resize handles.
  3. Keep the image selected and then click the "Insert image" button in the toolbar of the editor. Now the page will crash.
Duplicated
Last Updated: 10 Oct 2023 07:03 by ADMIN
Created by: Anthony
Comments: 0
Category: Editor
Type: Feature Request
0

I know the indent option is available.

But it would be great if it would be possible to allow tab presses in the editor control. 

Maybe the option to use @onkeydown or a parameter of AllowTabs.

 

 

Unplanned
Last Updated: 04 Oct 2023 10:17 by Marc
Created by: Marc
Comments: 0
Category: Editor
Type: Feature Request
1
Please add the <blockquote> element as a built-in item in the Format tool dropdown, so that one doesn't have to use a custom tool.
Completed
Last Updated: 26 Sep 2023 11:50 by ADMIN
Release 4.6.0 (11 Oct 2023) (R3 2023)
Created by: Ben
Comments: 0
Category: Editor
Type: Bug Report
2

The TelerikEditor demos all show bind-Value being used to marshal HTML in and out of the editor:

<TelerikEditor @bind-Value="@TheEditorValue" Width="650px" Height="400px"></TelerikEditor>

However, this causes problems - the underlying ProseMirror component emits it's own HTML (e.g. for image drag handles), which is visible in the bound Value property.

We need to be able to export "clean" HTML from the viewer, otherwise we end up saving this superflous HTML as part of our document.

Code

This REPL shows the issue:

https://blazorrepl.telerik.com/mHODmObJ36vZ7ivR09

@page "/editor/tools"

@using Telerik.Blazor.Components.Editor 

<TelerikEditor Tools="@EditorToolSets.All"
               Height="300px"
               @bind-Value="@Value"
               EditMode="EditorEditMode.Div"
               ></TelerikEditor>

<pre style="white-space: pre-wrap;">@Value</pre>

@code {
    public string Value { get; set; } =
        "<img src=\"img/toolbar-assets/repl-logo.svg\" />";
}

Steps to Reproduce

1. Open the REPL and click "Run" - observe that the bound HTML is simply

<img src="img/toolbar-assets/repl-logo.svg" />

2. Click on the Telerik logo image inside the editor - observe that the bound HTML is now

<p><img src="img/toolbar-assets/repl-logo.svg" contenteditable="false" draggable="true" class="ProseMirror-selectednode"><div class="k-editor-resize-handles-wrapper ProseMirror-widget" style="width: 857px; height: 78px; top: 8px; left: 8px;" contenteditable="false"><div class="k-editor-resize-handle southeast" data-dir-image-resize="southeast"></div><div class="k-editor-resize-handle east" data-dir-image-resize="east"></div><div class="k-editor-resize-handle south" data-dir-image-resize="south"></div><div class="k-editor-resize-handle north" data-dir-image-resize="north"></div><div class="k-editor-resize-handle west" data-dir-image-resize="west"></div><div class="k-editor-resize-handle southwest" data-dir-image-resize="southwest"></div><div class="k-editor-resize-handle northwest" data-dir-image-resize="northwest"></div><div class="k-editor-resize-handle northeast" data-dir-image-resize="northeast"></div></div><br class="ProseMirror-trailingBreak"></p>

3. Deselect the image - observe that the bound HTML no longer contains the image handles etc, but is still more verbose than when we started

<p><img src="img/toolbar-assets/repl-logo.svg" contenteditable="false" draggable="true" class=""><br class="ProseMirror-trailingBreak"></p>

4. At any point during the above steps, click the "View HTML" button in the Editor toolbar - observe that it is able to present a "clean" structure which contains no ProseMirror markup etc.

Requirements

How do we access this HTML via the TelerikEditor Blazor APIs?

 

Unplanned
Last Updated: 11 Sep 2023 09:43 by ADMIN
Created by: Miroslav
Comments: 1
Category: Editor
Type: Bug Report
5

Hello,

after selecting a block of text in your editor and perform some block operation (for instance - change font size, name, ..) the original selection is lost. Would it be possible to keep that selection please?

Very thanks.

Miroslav

Unplanned
Last Updated: 08 Sep 2023 07:35 by Scott
Created by: Scott
Comments: 0
Category: Editor
Type: Feature Request
1

I would like to use the Editor in a more compact matter in my application. The buttons and button groups must be small, and the margins and the paddings must be smaller as well. 

The overall goal is to make the Editor take less amount of space in the UI. 

1 2 3 4 5