How to handle drag-n-drop or paste events

v6
#1

Hello! I could not figure out how to create callback for paste or drag-n-drop events in CodeMirror 6.
I’m trying to handle image paste event. For now I’m using
window.addEventListener('drop', (event: DragEvent) => {}) and
window.addEventListener('paste', (event: ClipboardEvent) => {}).
Thanks in advance!

#2

You can use the domEventHandlers facet to register such handlers. I.e. add something like this to your extensions:

  EditorView.domEventHandlers.of({
    drop(event, view) { ... },
    paste(event, view) { ... }
  })
3 Likes
#3

It doesn’t seem to work。

I try to use

EditorView.domEventHandlers({
    paste() {
        console.log(1);
    }
})

That’s OK

#4

EditorView.domEventHandlers should be EditorView.domEventHandlers.of (missing .of at the end).

And, you need to pass this in the extensions array.

#5

i try this, that throw me an error: TypeError: EditorView.domEventHandlers.of is not a function

EditorView.domEventHandlers.of({
    paste(){
        console.log(1);
    }
}),
#6

You are right, I am sorry for the noise and confusion. It should be EditorView.domEventHandlers like you said.