Enable updates to extension options via props

[ifiokjr]

Detailed Description

Currently, once a component is built the options passed into the extensions can no longer be updated.

Test some methods of enabling extensions to be updated via the passing of props.

Possible Implementation

Something could be learned from the implementation that tiptap is using

[ifiokjr]

I've decided against this. It is not advisable to update schema on the fly since it can have unintended effects.

Also, using the RemirrorManager we can effectively reconfigure props for any extensions on the fly. Each change leads to a change in the underlying ExtensionManager and causes the RemirrorEditor to update its functionality.

const EditorLayout: FunctionComponent = () => {
  return (
    <RemirrorManager>
      <RemirrorExtension Constructor={Bold} />
      <RemirrorExtension Constructor={Italic} />
      <RemirrorExtension Constructor={Underline} />
      <ManagedRemirrorProvider
        attributes={{ 'data-testid': 'editor-instance' }}
        onChange={onChange}
        placeholder='Start typing for magic...'
        autoFocus={true}
        initialContent={EMPTY_OBJECT_NODE}
      >
        <SimpleFloatingMenu />
      </ManagedRemirrorProvider>
    </RemirrorManager>
  );
};

However, it is not advised that you do this for certain properties.