Встроенный редактор Tinymce не будет отображать меню или панель инструментов в модале начальной загрузки

Question

Я пытался использовать встроенный режим tinymce с начальной загрузкой внутри модала. Проблема у меня была, панель инструментов не будет отображаться.

Вот ссылка на пример jsfiddle https://jsfiddle.net/jsty5047/

Итак, я попытался увеличить z-индекс панели инструментов, и он это показал. Но это было не кликабельно.

Мне удалось показать панель инструментов с помощью этого CSS,

.tox-tinymce-inline {
    z-index: 1600 !important;
}

Пожалуйста, помогите мне найти решение этой проблемы. Я застрял на данный момент. спасибо!

Answer 1

Это происходит из-за tabindex = "- 1" в модальном div.Я не уверен в причине этого.Но когда я убрал его, он начал работать правильно.Я также добавил его в ссылку jsFiddle выше.

Мне также пришлось добавить следующий CSS, иначе панель инструментов не будет видна.

.tox-tinymce-inline {
    z-index: 1600 !important;
}