Froala Editor：外部工具栏，在单击按钮时会像弹出窗口一样打开

Question

我们在我们的项目中使用最新版本的 Froala，并希望将其设置为使用编辑器外部的按钮触发（弹出）工具栏。 默认情况下，编辑器应该没有工具栏。 与 Gmail 非常相似的东西。

我确实尝试修改“自定义弹出窗口”示例。 通过使用外部按钮显示自定义弹出窗口。 但是要使其工作，工具栏必须始终可见，这是我们不想要的。 https://www.froala.com/wysiwyg-editor/docs/concepts/custom/popup

下面是 Gmail 的屏幕截图，它很好地说明了我们想要实现的目标。

步骤 1 – 默认情况下没有工具栏

步骤 2 – 单击按钮后显示工具栏

Answer 1

我确实为此得到了有效的解决方案。

我所做的是使用

1. 用户工具栏容器将工具栏放在编辑器外的不同 div 中。 https://www.froala.com/wysiwyg-editor/docs/options#toolbarContainer
2. 然后使父 div（将工具栏容器作为子项）成为一个可浮动的 div，可以在需要时使用简单的 CSS 使用按钮显示。

此解决方案按预期工作，即使我单击页面工具栏的其他区域也不会消失

希望我的回答对其他人也有帮助