Add checkboxes to your Draft.js editor - insertCheckbox.js

insertCheckbox.js

import { Modifier, EditorState, Entity } from 'draft-js';

export default function insertCheckbox(editorState) {
  // Define the checkbox entity
  const entityKey = Entity.create('CHECKBOX', 'IMMUTABLE', { checked: false });
  
  // Collapse selection
  const selectionState = editorState.getSelection().merge({
    anchorOffset: selectionState.getFocusOffset(),
  });

  // Insert the checkbox text
  let newContent = Modifier.insertText(
    editorState.getCurrentContent(),
    selectionState,
    '- [ ]'
  );

  // Set Checkbox Entity on this element
  newContent = Modifier.applyEntity(
    newContent,
    newContent.getSelectionAfter(),
    entityKey
  );

  // Push new EditorState
  const newEditorState = EditorState.push(
    editorState,
    newContent,
    'insert-checkbox'
  );

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