Draft.jsでカーソル位置にEditorStateを挿入する

背景

Draft.jsで、既に入力済みであるEditorStateのカーソル位置に、別のEditorStateを挿入したい。
それを以下のコードで解決。

import { EditorState, Modifier } from "draft-js";


// 挿入するテンプレートの内容を取得
const insertContent = insertEditorState.getCurrentContent();

// 現在のEditorStateを取得
const editorState = currentEditorState;
// 現在のEditorStateのcontentを取得
const currentContent = editorState.getCurrentContent();
// カーソル位置を取得
const selectionState = editorState.getSelection();

// カーソル位置にテンプレートの内容を挿入
const newContent = Modifier.replaceWithFragment(
  currentContent,
  selectionState,
  insertContent.getBlockMap()
);

// エディターの内容を再生成
const newEditorState = EditorState.push(
  editorState,
  newContent,
  "insert-characters"
);