feat: Easy way to reference the editor outside the EditorContent

[Nazariy995]

Describe the feature you'd like to request

I am new to this library, so this could be a dumb suggestion.

I am trying to reference editor command outside the EditorContent components provided by Noel

because I want to be able to update text context programmatically outside.

Right now I am doing it like this

        onCreate={({ editor }) => {
          updateEditor(editor);
        }}
        onUpdate={({ editor }) => {
          console.log("Editor JSON:", editor.getJSON());
          updateEditor(editor);
          updateDocumentValue(editor.getJSON());
        }}

Is there a better way to do this! Maybe we can add a Context component to wrap everything!

Describe the solution you'd like to see

I'm thinking we can have access to the ContextProvider if possible so we can place it anywhere and just use

import { useEditor } from  "novel"

Additional information

No response

[ishan28mkip]

const Container = () => {
const [editor, saveEditor] = useState(null)
useEffect(() => {
  if(editor){
    // editor is available here for commands
  }
},[editor])
return <Editor saveEditor={saveEditor}/>
}

onCreate={({ editor }) => {
  saveEditor(editor);
}}

[MODSetter]

How would a hook work if you use more than 1 instance of editor. Novel updates content in localstorage and reads from it. Just manipulate the content there.