2

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

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

这是一个工作小提琴单击编辑器选项卡以查看缩小尺寸的编辑器。要查看正确的工作版本,请抓住右下角的小调整器并拖动该区域,它应该会自动调整大小以正确显示。

要渲染编辑器,我使用的唯一代码是

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

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

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

4

1 回答 1

2

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

var editor = new Jodit('#editor', {
  autofocus: true,
  height: "600",
  toolbarAdaptive: false
});
于 2019-05-31T06:14:12.523 回答