Редактор Jodit не отображается правильно

Question

У меня проблема с редактором jodit wysiwyg (или, возможно, любым другим типом редактора плагинов), работающим на вкладке Bootstrap. Если я добавляю редактор к содержимому вкладки, то, когда пользователь выбирает эту вкладку, содержимое отображается некорректно (это только часть высоты и отсутствует большая часть ее панели инструментов).

Я подозреваю, что он визуализируется в скрытой вкладке div, что, возможно, влияет на процесс перерисовки?

Вот рабочая скрипка Нажмите на вкладку «Редактор», чтобы увидеть редактор уменьшенного размера. Чтобы увидеть правильную рабочую версию, возьмите маленький изменяющий размер в правом нижнем углу и перетащите область, она должна автоматически изменить размер до правильного отображения.

Для визуализации редактора я использовал только код

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
});