javascript - jqueryUI モーダルダイアログで開かれた TinyMCE

Question

jqueryUI モーダルダイアログで tinyMCE を使用すると、ハイパーリンクまたは「画像の挿入」機能を使用できません。

基本的に、多くの検索の後、私はこれを見つけました：

奇妙なことに、jqueryUI の modal プロパティが false に設定されている場合は問題が発生しないため、tinyMCE の問題ではなく、jqueryUI の問題が多いことがわかります。

よりリッチなフォームでは、tinyMCE がフォーカスを失うたびに、フォームの最初の要素がフォーカス/クリックされていなくてもフォーカスされることがわかりました。

ダイアログをモーダルに保ち、tinyMCE を機能させるにはどうすればよいか、JavaScript の第一人者は考えていますか?

score 7 · Accepted Answer

_allowInteraction をオーバーライドしても次のようにならない場合、これで修正されました。

$(document).on('focusin', function(e) {
    if ($(event.target).closest(".mce-window").length) {
        e.stopImmediatePropagation();
    }
});

私は本当にそれを信用することはできません。~~TinyMCE フォーラムのこのスレッド~~から入手しました。 (彼らはバグトラッカーを github に移動しました。tinymce/issues/703は、対応する github の問題です。)

javascript - jqueryUI モーダル ダイアログで開かれた TinyMCE