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

【问题标题】：Froala Editor: External toolbar which opens like a popup on button clickFroala 编辑器：外部工具栏，在单击按钮时会像弹出窗口一样打开
【发布时间】：2023-03-30 16:41:01
【问题描述】：

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

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

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

第 1 步 - 默认情况下没有工具栏

第 2 步 - 单击按钮后显示工具栏

【问题讨论】：

标签： javascript jquery angular wysiwyg froala

【解决方案1】：

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

我所做的是使用

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

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

希望我的回答也能帮助到其他人

【讨论】：