Javascript 反应：关注Froala编辑器（外部事件）

单击外部按钮时，如何将光标（焦点）放在froala编辑器上

在jQuery的帮助下，我在Angular中也做了同样的工作

$(<selector>).froalaEditor('events.focus', true);

$（）.froalaEditor（'events.focus'，true）；

但是，在React中，我想在不使用jQuery的情况下执行此操作

我正在使用npm包：react froala wysiwyg（3.0.6版）

---

提前感谢…

您可以获得它的参考。使用状态切换开关。您的按钮将切换焦点，然后在切换更改时随时向useEffectLayout中的Froala编辑器引用添加addEventListener

注意：显示一些代码以使其更简单。

这对我很有用

const ele = document.getElementsByClassName('fr-element')[0];
ele.focus();

---

ref属性似乎与FroalEditor组件的工作方式不同，它与textinput和textarea的工作方式不同。您必须检查ref属性。它可能不是ref。我见过一个组件，它的ref被命名为inputRef（materialui）。所以检查。是的，我按照你的建议检查了，但似乎没有类似的属性可以像ref一样工作。