Question

我的页面中嵌入了TinyMCE编辑器。编辑器的全屏选项占据整个屏幕，工作正常。我还有一个按钮，使用Twitter引导程序弹出一个模态窗口，它在普通视图中工作正常。但是当tinymce编辑器处于全屏模式时，模态窗口将被初始化但不可见。

当我走出全屏窗口时，会出现模态窗口。所以它被展示但它在后台。如何在全屏模式下显示它？

tinymce.init({
                            mode: "exact",
                            elements: "tinymce",
                            theme: "advanced",
                            plugins: 'ice,icesearchreplace,fullscreen',
                            theme_advanced_buttons1: "ec_error,fullscreen,strikethrough,|,bold,italic,underline,|,undo,redo,|,search,replace,|,ice_togglechanges,ice_toggleshowchanges,iceacceptall,icerejectall,iceaccept,icereject",
                            theme_advanced_buttons2: "",
                            theme_advanced_buttons3: "",
                            theme_advanced_buttons4: "",
                            theme_advanced_toolbar_location: "top",
                            theme_advanced_toolbar_align: "left",
                            fullscreen_new_window : false,
                            extended_valid_elements: "p,span[*],delete[*],insert[*]",
                            ice: {
                                user: { name: 'Email Coach', id: 11},
                                preserveOnPaste: 'p,a[href],i,em,b,span'
                            },
                            height: '500',
                            width:'100%'
                        });

Answer 1

TinyMCE的#mce_fullscreen_container是z-index: 20000;
Bootstrap的.modal为z-index: 1050;，.modal-backdrop（背景渐变）为z-index: 1040;

因此，将模态窗口的z-index提升到20000以上

.modal {
    z-index: 30050;
}
.modal-backdrop {
    z-index: 30040;
}

TinyMCE全屏不允许出现模态窗口

1 个答案: