3

ウェブサイトを tinyMCE 4 に移行しようとしていますが、バージョン 4 はまだベータ版であり、http: //www.tinymce.com/ のドキュメントは現時点ではかなりまばらであるため、いくつかの障害に遭遇しました。私は自分の問題のほとんどを解決することができました。

http://ymsrunning.com/mce.phpにテスト サイトを設定しました。メイン ページのどのツールバー ボタンを使用しても問題なく機能することがわかります。入力ボックスに入力すると、フォーカスが開始されます。

問題は、リンクをクリックしてカラーボックスを表示すると、同じツールが機能しないことです。ポップアップ ウィンドウが表示されても、入力にはフォーカスがなく、クリックして何も入力することはできません。

tinyMCE はテーマに合わせて独自の入力ボックスを作成しますが、フォーカスに対して何をするのかわかりません。私がどのように進めるべきか、またはさらに良いことに、問題が何であるかについての考えは、大歓迎です。

4

1 に答える 1

4

これは tinyMCE の問題ではなく、Colorbox の問題であることがわかりました。Colorbox はそのコンテナーの外側にあるものにフォーカスすることを防ぎ、tinyMCE はその要素を Colorbox コンテナーの外側に作成します。この動作を作成する「trapFocus」と呼ばれるカラーボックス コードの関数があります。コードは以下です。

function trapFocus(e) {
if ('contains' in $box[0] && !$box[0].contains(e.target)) {
        e.stopPropagation();
        $box.focus();
    }
}

関数自体ではなく、関数内のコンテンツをコメントアウトすると、要素がフォーカスを保持して受け入れ、Colorbox がそれをいじるのを防ぐことができます。これが、この問題に遭遇した他の人の助けになることを願っています。

于 2013-05-22T22:40:31.563 に答える