HtmlEditor Paste Event Not Working

Radzen.Blazor Components
1

Hello, I have a situation where the Paste event is only fired when i right click and paste as test.

When i control+v or right click > paste it doesnt trigger my method. I have tried various permutations of quotes, lambda passing in args etc. and no luck.

My Method:

void OnPaste(HtmlEditorPasteEventArgs args)
    {
        // Shrink images to something more manageable
        if (args.Html.Contains("<img"))
        {
            args.Html = args.Html.Replace("<img", "<img width=\"100%\"");
        }
    }

My Component

<RadzenHtmlEditor Disabled="@_isDisabledInputDescription" @bind-Value="@TaskItem.Description" 
                                          Style="@(_taskAssignee is null ? "height:329px;width:200px;border:none;" : "height:274px;border:none;")"
                                          Paste="@OnPaste" 
                                          class="@(_descriptionUpdated ? "updated-indicator" : "")">
...
2

What are the contents of the clipboard when this fails to happen? If it is a file the Paste event won't be fired as RadzenHtmlEditor tries to either upload it or read it inline. Here is the implementation: radzen-blazor/Radzen.Blazor/wwwroot/Radzen.Blazor.js at master · radzenhq/radzen-blazor · GitHub

3

Im trying to paste a .png image. The image is displayed in full size i just want to do a replace on the tag <img src= and change it to <img width="100%" src= so that my image is more manageable in a smaller screen. I dont have mechanism to store that image on webserver at the moment. we store attachments in db. but if my users opted to paste from an html email or something thats when we need this functionality.

4

I was able to do something simple without backand forth and needing custom paste handler and JS.

I added @bind-Value:after="" where this gets fired when user moves focus out of the htmlEditor. This might not be the most elegant solution but at least it fixes my image resize issue when user paste in large image.

<RadzenHtmlEditor Disabled="@_isDisabledInputDescription" 
                                              @bind-Value="@TaskItem.Description"
                                              @bind-Value:after="@CleanHtmlEditor"
                                              Input="@OnInput">