2

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%'
                        });
4

1 に答える 1

4

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;
}
于 2012-09-01T12:13:08.517 に答える