DraftJS

Decorators

Make sure to apply decorators before the content

const [editorState, setEditorState] = useState(() =>
  EditorState.createWithContent(
    props.defaultContent,
    decorators
  )
);
  
return (
  <Editor
    editorState={editorState}
  />
);

draft-js-plugins

https://github.com/draft-js-plugins/draft-js-plugins

draft-js-side-toolbar-plugin

Cons:

• You can't optionally change one of style of theme.

  • You have to change them all.

  • You can reuse the css if you go into the package and find the class names.

Code Reference

Main Site

• EditorState

GitHub

• getDefaultKeyBinding

• KeyBindingUtil

• RichTextEditorUtil.handleKeyCommand

Keyboard

https://keycode.info/