Froala编辑器：外部工具栏，打开后就像单击按钮一样弹出

Question

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

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

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

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

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

Answer 1

我确实得到了可行的解决方案。

我所做的就是使用

1. 用户 toolbarcontainer 将工具栏放在编辑器之外的其他div中。https://www.froala.com/wysiwyg-editor/docs/options#toolbarContainer
2. 然后将父div（具有工具栏容器作为子元素）设置为可浮动的div，可以使用简单的CSS按钮在需要时显示它。

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

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