@onkeydown event on TelerikEditor

[Nicola]

Is there a way to handle @onkeydown event on <TelerikEditor>?

I tried this way:

<TelerikEditor Id="myEditor" @bind-Value="@myEditorValue" @onkeydown="OnKeyDownMyEditor"></TelerikEditor>

and i get the error:

blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Object of type 'Telerik.Blazor.Components.TelerikEditor' does not have a property matching the name 'onkeydown'.
System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TelerikEditor' does not have a property matching the name 'onkeydown'.

 

I get this kind of error any time i try to handle an event in a Telerik component using the regular Blazor way, so i guess this is not the proper way to do it.

[Marin Bratanov]

Hi Nicola,

You can capture keyboard events from the editor in the same way like with other inputs - the only extra thing is that the editor needs to be in its Div edit mode.

Here is an example:

<div @onkeydown="@OnKeydownHandler">
    <TelerikEditor EditMode="@EditorEditMode.Div" @bind-Value="@TheEditorContent">
    </TelerikEditor>
</div>


@code {
    string TheEditorContent { get; set; } = @"<h1>Lorem ipsum</h1><p>Dolor sit amet.</p>";

    async Task OnKeydownHandler(KeyboardEventArgs e)
    {
        Console.WriteLine(e.Key);
    }
}

Regards,
Marin Bratanov
Progress Telerik