Access the editor instance inside event handlers

[joulev]

Say I have this Plate component, not wrapped inside any PlateProvider,

function MyEditor() {
  const onKeyDown = useCallback(() => { ... }, []);
  return (
    <Plate
      editableProps={{ onKeyDown }}
      // other props
    />
  );
}

I want to access the Slate editor instance inside the event handler. How do I do that? (I don't mind adding a PlateProvider wrapper but I couldn't get the types to work, let alone the functionalities.)

Sorry if this question sounds too trivial but I can't find any info on this in the documentations or the code examples on the website.

[zbeyens]

We generally define handlers in plugins but the only ways would be to wrap PlateProvider or pass your custom editor in prop

[joulev]

Thanks. I tried again and this time could get the types working (and hence the whole thing working) with createPlateEditor.

Earlier I was using createTEditor and withTReact in a Slate-y way, that's why it didn't work.

[zbeyens]

Solved by #2464.