jodit编辑器显示不正确

时间:2019-05-03 14:28:43

标签: javascript css bootstrap-4 jodit

我在Bootstrap选项卡中使用jodit wysiwyg editor(或可能是任何其他类型的插件编辑器)时遇到了问题。如果我在标签内容中添加了一个编辑器,那么当用户选择该标签时,该内容将无法正确显示(仅是高度的一小部分,并且缺少很多工具栏)。

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

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

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

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

在创建editor.resize()函数之后,我也尝试过运行该函数,该函数不起作用。

选项卡和内容是动态生成的。 应用内容后,还有其他一些编辑器函数可以用来重绘吗?

1 个答案:

答案 0 :(得分:0)

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

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