jodit 编辑器显示不正确

Question

我在 Bootstrap 选项卡中使用 jodit wysiwyg editor（或任何其他类型的插件编辑器）时遇到问题。如果我向选项卡内容添加一个编辑器，那么当用户选择该选项卡时，内容不会正确显示（它只是高度的一小部分并且缺少很多工具栏）。

我怀疑它是在隐藏选项卡中呈现的 div 这可能会影响重绘过程？

Here is a working fiddle 单击“编辑器”选项卡查看缩小后的编辑器。要查看正确的工作版本，请抓住右下角的小尺寸调整器并拖动该区域，它应该会自动调整到正确的显示。

为了呈现编辑器，我使用的唯一代码是

var editor = new Jodit('#editor', {
  autofocus: true,
  height: "600"
});

我还尝试了运行 editor.resize() 函数，但它创建后不起作用。

选项卡和内容是动态生成的。在应用内容后我可以调用一些其他编辑器函数来修复重绘吗？

Answer 1

原来有一个名为 toolbarAdaptive 的选项可以关闭自适应模式。这允许按预期绘制工具。不确定这是 Jodit 编辑器本身的错误还是所需的功能。

var editor = new Jodit('#editor', {
  autofocus: true,
  height: "600",
  toolbarAdaptive: false
});

jodit editor not displayed correctly