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.

Unplanned
Last Updated: 08 Mar 2024 08:13 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.
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
3

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. 

Completed
Last Updated: 04 Sep 2023 13:48 by ADMIN
When I use the Chrome Lighthouse (based on the axe accessibility testing tool) to assess the accessibility of the TelerikEditor I am getting several issues. As an attached file, I have added a screenshot of the generated report. 
Unplanned
Last Updated: 14 Aug 2023 13:32 by Miroslav
I have added my own fonts in the value of the Editor. When I select a portion of the text that has some font the Font Name tool is not populated properly even tho the font is present in the options. 
Unplanned
Last Updated: 14 Aug 2023 07:57 by ADMIN
Created by: Richard
Comments: 0
Category: Editor
Type: Feature Request
12

An event that we can hook into so that we can take the (presumably) base64 encoded image (link), upload it somewhere, and then replace it with an image element set to the uploaded imaged file. Ideally, that would work for other content too.

*** Thread created by admin on customer behalf ***

Completed
Last Updated: 18 Jul 2023 12:34 by ADMIN
Release 4.5.0 (08/30/2023) (R3 PI2)
Created by: HyunSoo
Comments: 0
Category: Editor
Type: Bug Report
2
The editor renders wrong symbols when the input is in Korean.
Unplanned
Last Updated: 14 Jul 2023 06:42 by ADMIN
This is a feature request.  The Telerik editor for say ASP.NET supports adding comments for collaborative editing.  Unless there is an alternate way to achieve the same results this would be an important feature to have when revising documents.
Unplanned
Last Updated: 10 May 2023 13:42 by Sara

Description : 
When you click before the content in the Editor, the cursor should show up before the text. But, if a text was added programmatically, the cursor shows up after the added text instead.

To reproduce the problem :

1. Open this REPL example: https://blazorrepl.telerik.com/cdYpPabd37jvK9jt23

2. Click the "Insert Inline Text" button.

3. Try to place the cursor in front of the editor content.

Declined
Last Updated: 03 May 2023 14:47 by ADMIN

We have a survey page that has multiple editor fields in it.  They need to accept rich text from a paste or other keyboard commands, but we do not want to waste the vertical space for the toolbar appearing in each editor field.

Please update the editor to hide the toolbar if the List<IEditorTool> collection is empty.

This change would make it much easier and less fragile than removing the toolbar to through Css.

Unplanned
Last Updated: 26 Apr 2023 14:49 by Adam

I have the following command

await _editorRef.ExecuteAsync(new HtmlCommandArgs("insertHtml", "<hr class='donotremove' />", false));

Currently, the <hr/> element is added but its class is stripped. This is not the case with other elements. 

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

Please allow adding class to <hr/> elements, too.

Unplanned
Last Updated: 10 Apr 2023 07:35 by shyam
Created by: shyam
Comments: 0
Category: Editor
Type: Feature Request
4

Currently, our Editor component does not support a placeholder parameter. Having a placeholder parameter, similar to the Kendo UI Editor, would prove to be beneficial.

Unplanned
Last Updated: 27 Mar 2023 13:18 by ADMIN

Hello,

We've come across a bug. It seems as whatever tool button(s) that should be selected is not shown correctly. It appears to show the previously selected.

 

Repro steps:

  1. Write two different formatted texts on separate lines in your Editor component.
  2. Move the cursor to the first line
  3. Move the cursor to the second line that has a different formatted text. Note that the tool button for the formatted text on the first line is shown as selected.

    This should happen:

 

Is this an intended behaviour? Our users are confused :)

/Patrik

1 2 3 4