javascript - TinyMCE以编程方式隐藏工具栏溢出

Question

我在使用 TinyMCE 编辑器 v5 时遇到了一个问题，当屏幕宽度足够窄以至于工具栏溢出时，当编辑器模式设置为只读时，溢出桶将持续存在。这可能会导致以下问题:由于溢出切换按钮被禁用，并且溢出容器的 z-index 很高，因此如果用户导航到页面上的其他位置，它最终可能会与其他元素重叠，从而导致按钮无法隐藏。 .

我已经设置了以下 fiddle 来演示该问题。只需确保您的屏幕宽度足够窄，以便工具栏会溢出，然后单击省略号按钮以显示溢出按钮。接下来，使用“切换只读”来切换只读，并查看溢出按钮如何持续存在以及在只读模式下无法再次隐藏。

https://fiddle.tiny.cloud/Q6haab/1

我正在寻找一个函数，我可以调用该函数以编程方式 overflow hidden 容器，以便我可以在切换编辑器模式之前调用它。

提前致谢。

Answer 1

我已经更新了你的 fiddle :https://fiddle.tiny.cloud/Q6haab/2

您可以使用 ToggleToolbarDrawer 上的 queryCommandState 来查看抽屉是否打开，如果是，您可以使用适当的 ExecCommand 将其关闭:

if(tinymce.activeEditor.queryCommandState('ToggleToolbarDrawer')) {
  tinymce.activeEditor.execCommand('ToggleToolbarDrawer');
}