control content by trigger function

[lin-mt]

• How do I add content where the cursor is in the editor.
• How do I replace the selected content in the editor.

[lin-mt]

const [editor, setEditor] = useState<any>();

const focusAndAddText = () => {
  if (editor) {
    var result ="new value";
    var position = editor.getSelection();
    editor.executeEdits("", [{range: position, text: result}]);
    editor.focus();
  }
}

const handleEditorOnMount = (editor: any) => {
  setEditor(editor);
}

<Editor
  onMount={handleEditorOnMount}
/>