引导程序模式中的tinymce:滚动上的错误下拉位置

Dar*_*rio 5 tinymce twitter-bootstrap bootstrap-modal tinymce-4

我在引导程序模式中使用tinymce,但是页面滚动上的tinymce下拉菜单存在问题:基本上,它们的绝对位置不会更新,并且显示的位置错误。我准备了一个jsbin来显示问题:只需打开颜色选择器并滚动页面即可。

有什么提示吗?任何人都有相同的问题,并设法使其起作用?

谢谢

mfi*_*ink 6

除了user206056 CSS答案:

.mce-menu {position:fixed !important}
Run Code Online (Sandbox Code Playgroud)

尝试添加到TinyMCE的init方法中,添加ui_container参数并将其设置为引导程序模式的选择器。

就像是:

 tinymce.init({
    selector: '.my-mce-selector',
    ui_container: '.modal', // bootstrap modal
    // your other options ... 
});
Run Code Online (Sandbox Code Playgroud)

尽管这并非在所有情况下都可行(例如inline: true),但是您可能需要关注GitHub 问题进行更新。


小智 3

刚刚偶然发现了同样的问题。通过添加解决了这个问题

.mce-menu {位置:固定!重要}

到我的保存页面样式的 css 文件。希望这可以帮助