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

GitHub

Keyboard

https://keycode.info/