similiquedicta/packages/divider/src/modifiers/addDivider.ts

A Plugin Architecture on top of Draft.JS

import { EditorState, AtomicBlockUtils } from 'draft-js';

export default function addDivider(entityType: string) {
  return (
    editorState: EditorState,
    data?: Record<string, unknown>
  ): EditorState => {
    const contentState = editorState.getCurrentContent();
    const contentStateWithEntity = contentState.createEntity(
      entityType,
      'IMMUTABLE',
      data
    );
    const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
    const newEditorState = AtomicBlockUtils.insertAtomicBlock(
      editorState,
      entityKey,
      ' '
    );

    return EditorState.forceSelection(
      newEditorState,
      newEditorState.getCurrentContent().getSelectionAfter()
    );
  };
}