javascript - jodit 编辑器显示不正确

Question

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

我怀疑它是在隐藏的选项卡 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
});