React：专注于 Froala 编辑器（外部事件）答案

【问题标题】：React : Focus on Froala Editor (On External Event)React：专注于 Froala 编辑器（外部事件）
【发布时间】：2020-05-02 05:26:13
【问题描述】：

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

在 jQuery 的帮助下，我在 Angular 中做了同样的事情。

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

但是，在 React 中，我想在没有 jQuery 的情况下这样做。

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

在此先感谢...

【问题讨论】：

【解决方案1】：

这对我有用

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

【讨论】：

【解决方案2】：

你可以得到一个参考。使用状态来打开和关闭。您的按钮将切换焦点，然后在切换更改时将 addEventListener 添加到 useEffectLayout 中的 Froala 编辑器引用。

注意：显示一些代码以使其更容易。

【讨论】：