Kendo Editor not Catching Keydown Event

634 views Asked by At

I have a KendoEditor as below:

editor.component.html includes:

    <textarea>
        kendoTextArea
        name="editText"                        
        (document:click)="onUserClick()"            
        (keydown)="onKeyDown()"
        (keyup)="onKeyUp()" 
        #textAreaEditor
        value ="{{value}}">
    </textarea>

editor.component.ts includes:

    kendo
        .jQuery(textAreaEditor.nativeElement)
        .kendoEditor({
            resizable: {
                content: true,
                toolbar: false,
            },
            
            paste: (e: any) => {
                console.log("paste");
            },
        
            select: (e: Event)  => {
                console.log('select event fired!');           
            },
            tools: [
                'bold',
                'italic',
                'underline',
                'justifyLeft',
                'justifyCenter',
                'justifyRight',
                'justifyFull',
                
            ],
            change: (args) => {
                console.log('value Changed');
            },
        })
    .data('kendoEditor');

    const editor = kendo
        .jQuery(textAreaEditor.nativeElement)
        .data('kendoEditor');
          
    kendo
        .jQuery(editor.window).bind('keydown', onKeyDown());
    kendo
        .jQuery(editor.window).bind('keyup', onKeyUp());

I need to be able to trap the backspace key, but the above code is not working and does not catch the BackSpace key as part of the KeyDown event. Can you please help?

0

There are 0 answers