将TinyMCE内联编辑器工具栏保持在一行中

当编辑器元素左侧和窗口右侧之间的像素差小于工具栏宽度时，TinyMCE内联编辑器工具栏将变为两行。有没有办法禁用此行为，而是将工具栏移到左侧，使其显示为全宽

我使用以下对象初始化TinyMCE 5编辑器：

var textEditorConfig = {
  menubar: false,
  inline: true,
  plugins: [
    'link',
    'lists',
    'autolink',
  ],
  toolbar: [
    'undo redo | bold italic underline | formatselect fontselect | forecolor | alignleft aligncenter alignright'
  ],

  block_formats: 'Paragraph=p;Header 1=h1;Header 2=h2;Header 3=h3',
};



textEditorConfig.target = target; // This target variable is just a DOM element


tinymce.init(textEditorConfig);

---

您可以使用该选项配置TinyMCE调整以适应空间的方式。例如：

toolbar_mode: 'scrolling'

有四种模式可供选择。

wrap

模式将溢出工具栏选项包装到第二行。其他三种模式中的任何一种-

浮动

，

滑动

，

滚动

，都会将工具栏保持为一行。默认工具栏模式为浮动

但是，当使用多个工具栏或工具栏（n）选项时，工具栏模式不可用

当使用空格分隔的字符串数组配置工具栏时，它将被配置为

通过提供单个字符串（不带方括号）配置单个工具栏：

---

谢谢你的回复！当我将工具栏模式设置为“浮动”时，同样的行为也会发生。这怎么可能？我正在使用内联编辑器。通过提供单个字符串（不带方括号）将工具栏配置为单个工具栏。我已经更新了我的答案来反映这一点。谢谢你的回复！我将工具栏配置为单个字符串。现在我在末尾看到3个点，当我点击它们时，工具栏的其余选项显示出来。我希望工具栏向左移动并保持全宽。可能吗？

toolbar: 'undo redo | bold italic underline | formatselect fontselect | forecolor | alignleft aligncenter alignright'