你如何在反应 TINYMCE 中获得光标位置

【问题标题】：How do you get the cursor position in a react TINYMCE你如何在反应 TINYMCE 中获得光标位置
【发布时间】：2020-03-22 17:37:11
【问题描述】：

我是用户反应 TinyMCE ，我想获取光标位置并在该位置插入一个字符串。帮帮我，谢谢大家！

【问题讨论】：

【解决方案1】：

如果您只想在当前光标的位置插入内容，您可以使用 `insertContent() API 调用：

例如：

tinymce.activeEditor.insertContent('<span>This is content to insert</span>');

如果您在编辑器中有选择，这将替换该内容。如果您没有选择，则会将其插入光标所在的位置。

【讨论】：

【解决方案2】：

我知道这是一个 2 年前的问题，但由于我偶然发现它有同样的问题，并且提供的答案与 React 无关，这就是我解决它的方法：

我正在使用带有 useRef-hook 的 tinymce，因此我有

const editorRef = useRef(null);
...
<Editor onInit={(evt, editor) => (editorRef.current = editor)} ... />

然后我可以调用 tinymce-api-function insertContent

editorRef.current.insertContent("text to insert");

【讨论】：