Planned
Last Updated: 19 Sep 2021 15:41 by ADMIN
Scheduled for 3.0.0
Created by: Richard
Comments: 0
Category: Editor
Type: Feature Request
7

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 ***

Planned
Last Updated: 19 Sep 2021 15:40 by ADMIN
Scheduled for 3.0.0
Created by: Thomas
Comments: 1
Category: Editor
Type: Feature Request
3
  • Wizard for inserting new tables
  • Drag to resize tables and columns

Similar to https://demos.telerik.com/kendo-ui/editor/index

Planned
Last Updated: 19 Sep 2021 15:31 by ADMIN
Scheduled for 3.0.0
Created by: Peter
Comments: 0
Category: Editor
Type: Feature Request
6
I would like to be able to add media tags in the editor, such as video, audio, iframe. 
Duplicated
Last Updated: 05 Aug 2021 16:44 by ADMIN
Created by: Özmen
Comments: 1
Category: Editor
Type: Feature Request
4

Drag to resize and move images in the editor

 

Similar to https://demos.telerik.com/kendo-ui/editor/index

Duplicated
Last Updated: 05 Aug 2021 16:42 by ADMIN
Created by: Özmen
Comments: 1
Category: Editor
Type: Feature Request
3

A functionality similar to "TelerikUpload" (i.e. browse/select image file) would be useful when trying to insert an image

Planned
Last Updated: 03 Aug 2021 13:41 by ADMIN
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: 28 Jul 2021 11:38 by ADMIN
Created by: Nadezhda
Comments: 0
Category: Editor
Type: Bug Report
1
When you create or paste a table, you cannot move the cursor outside of it if there is no other content in the Editor.
Unplanned
Last Updated: 28 Jul 2021 09:58 by ADMIN

When you paste a table in the Editor or insert one through the InsertHTML tool, most of the Editor Table tools don't work on the pasted table. Only Delete Table tool can be used. The rest of the Table tools do not seem to invoke any action with the table.

If you create table using the Create Table tool this behavior is not present, you can accordingly apply the built-in Table tools.

Unplanned
Last Updated: 28 Jul 2021 09:40 by ADMIN
Created by: Eli
Comments: 0
Category: Editor
Type: Bug Report
2

When you paste a table in the Editor or insert one through the InsertHTML tool, the Editor adds two  <tbody> tags making this invalid HTML.

If you include a table in the initially rendered content (not pasting it afterwards), two <tbody> tags appear as well.

If you create table using the Create Table tool this behavior is not present, only one <tbody> tag is added as expected.

Unplanned
Last Updated: 07 Jun 2021 09:43 by ADMIN
Created by: Peter
Comments: 0
Category: Editor
Type: Bug Report
1

I am using the InsertHTML command to insert some HTML content. However, it looks like it inserts only the first element from the value I am providing.

 

==========

ADMIN EDIT

==========

Workaround:  you can wrap the HTML content you want to insert in a container, so the InsertHTML command reads it as one element. The following sample demonstrates how to achieve that.

 

@using Telerik.Blazor.Components.Editor

<TelerikButton OnClick="@( () => WindowIsVisible = !WindowIsVisible )">Insert Html</TelerikButton>

<TelerikEditor @ref="@TheEditor" @bind-Value="@TheContent"></TelerikEditor>

<TelerikWindow @bind-Visible="@WindowIsVisible">
    <WindowTitle>
        <strong>Insert Html</strong>
    </WindowTitle>
    <WindowContent>
        <TelerikTextArea @bind-Value="@HtmlToInsert"></TelerikTextArea>
        <TelerikButton OnClick="@InsertHtml">Insert</TelerikButton>
    </WindowContent>
</TelerikWindow>

@code{

    public string HtmlToInsert { get; set; }

    bool WindowIsVisible { get; set; }

    TelerikEditor TheEditor { get; set; }

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

    async Task InsertHtml()
    {
        await TheEditor.ExecuteAsync(new HtmlCommandArgs("insertHtml", $"<div>{HtmlToInsert}</div>"));

        WindowIsVisible = !WindowIsVisible;

        HtmlToInsert = "";
    }
}

 

Completed
Last Updated: 25 May 2021 15:10 by ADMIN
Release 2.25.0

Try running an editor with content like this:

 

<p>Para 1</p><p><br></p><p>Para 2</p><p><br></p><p>Para 3</p>

 

Now, open the ViewHtml button from the full toolset and Update the content without modifying anything.

The result is that there are more <br> tags in the the empty paragraphs than what we started with, and they are added every time you repeat this process.

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

Completed
Last Updated: 25 May 2021 06:16 by ADMIN
Release 2.25.0

Clicking the image, and selecting the image button brings up a popup. The "Update" button is not appearing properly (does not occur on other editor popups):

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

Unplanned
Last Updated: 20 May 2021 06:53 by ADMIN
Created by: Kai
Comments: 0
Category: Editor
Type: Feature Request
1
Hi, I would like to have Find and Replace tool for the Editor.
Unplanned
Last Updated: 12 May 2021 18:26 by ADMIN

---

ADMIN EDIT

A workaround is to initialize the RemoveAttributes list:

<TelerikEditor @bind-Value="@EditorContent">
    <EditorSettings>
        <EditorPasteSettings 
                             RemoveAttributes="@( new List<string>() )"
                            >
        </EditorPasteSettings>
    </EditorSettings>
</TelerikEditor>

@EditorContent

@code{
    string EditorContent { get; set; }
}

---

Unplanned
Last Updated: 11 May 2021 09:05 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: 06 May 2021 08:46 by ADMIN

I cannot clear the content area of the TelerikEditor when the component is placed in the Form Item Template.

<AdminEdit>

Below, you can find a workaround solution:

@using System.ComponentModel.DataAnnotations;
@using Telerik.Blazor.Components.Editor

<TelerikForm Model="@Model" OnSubmit="@OnSubmitHandler">
    <FormValidation>
        <DataAnnotationsValidator />
        <ValidationSummary />
    </FormValidation>
    <FormItems>
        <FormItem>
            <Template>
                <TelerikEditor @bind-Value="@Model.Name" @ref="@EditorRef" />
            </Template>
        </FormItem>
    </FormItems>
</TelerikForm>

@code {
    public SampleData Model { get; set; } = new SampleData();
    public TelerikEditor EditorRef { get; set; }

    private async Task OnSubmitHandler(EditContext editContext)
    {
        bool isFormValid = editContext.Validate();

        if (isFormValid)
        {
            //some logic here
        }
        else
        {
            await EditorRef.ExecuteAsync(new HtmlCommandArgs("setHtml", "")); //workaround

            //clear the content of the editor to let the user type anew
            Model.Name = String.Empty;
        }
    }

    public class SampleData
    {
        [Required]
        [MinLength(30, ErrorMessage = "The content should be minimum 30 characters long.")]
        public string Name { get; set; }
    }
}

</AdminEdit>

Unplanned
Last Updated: 28 Apr 2021 16:30 by ADMIN
I'm trying to use the Blazor editor but the "Insert Image" function is very basic. Previously using Webforms & Core the insert image in the editor presented the user with a file management and image upload popup. Is this functionality available with the Blazor component?
Unplanned
Last Updated: 24 Mar 2021 12:34 by ADMIN
Created by: Stewart
Comments: 5
Category: Editor
Type: Bug Report
3

Highlight an existing hyperlink and click the Insert Hyperlink button. The update button is empty

Completed
Last Updated: 22 Mar 2021 10:19 by ADMIN
Release 2.23.0
Created by: Richard
Comments: 0
Category: Editor
Type: Feature Request
8

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 ***

Completed
Last Updated: 18 Mar 2021 15:08 by ADMIN
Release 2.23.0
Created by: Krishnapal
Comments: 0
Category: Editor
Type: Feature Request
2

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.

---

1 2