javascript - Tinymce 内联编辑器不会在 Bootstrap 模式中显示菜单或工具栏

Question

我尝试在模态内使用带有 Bootstrap 的 tinymce 内联模式。我遇到的问题是，工具栏不会显示。

这是 jsfiddle 示例的链接 https://jsfiddle.net/jsty5047/

所以我尝试增加工具栏的 z-index，它显示了它。但它不可点击。

我能够通过使用这个 css 来显示工具栏，

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

请帮我找到解决办法。我现在被困住了。谢谢!

Answer 1

这是由于模态 div 中的 tabindex="-1"造成的。我不确定这是为什么。但是当我删除它时，它开始正常工作。我也在上面的 jsFiddle 链接中添加了它。

我还必须添加以下 css，否则工具栏不可见。

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