4

jQuery UIタブパネルを含むカラーボックスモーダルウィンドウで、AJAXコールバックを介してロードされたテキストエリアを初期化するTinyMCEがあります。textareasがロードされているパネルはスクロール可能です（overflow-y：auto）。ただし、これらの新しいテキストエリアでTinyMCEを初期化すると、リストの下位のテキストエリアの1つまでスクロールして正しく初期化されたようですが、Chromeでコンテナパネルのdivをスクロールできなくなりました。FirefoxとIEではパネルのdivをスクロールできますが、Chromeではスクロールできません。

私のAJAX呼び出し：

function getStuff(id){
        $.ajax({
            type: 'POST',
            url: '/ajax/get_stuff',
            data: {id: id},
            beforeSend:function(){  
                $('#panel').html('Loading...');                                 
            },
            success:function(resp){             
                $('#panel').html(resp); 
                ckInit();
            },
            error:function(){}
        }); 
    }

および初期化関数：

function ckInit(){
    var config = {              
             extraPlugins : 'autogrow',
             autoGrow_onStartup : true ,
             removePlugins : 'resize'               
        };
    $("textarea.ck").each(function() {              
        if (typeof(CKEDITOR.instances[this.id]) == 'undefined') {           
            CKEDITOR.replace(this.id, config);
        } else {
            CKEDITOR.instances[this.id].destroy(true);
            CKEDITOR.replace(this.id, config);
        }           
    });
}

他に役立つ情報がありましたら、お知らせください。そして、よろしくお願いします！

更新 Colorboxはそれと関係があると感じたので、代わりにメインウィンドウにインスタンスをロードして、まったく同じ結果を得ました。コンテナのdivが任意の量だけ下にスクロールされ、スクロールバーがフリーズします。上下に動かそうとしてもスクロールしません。

TinyMCEをCKeditorに置き換えてみましたが、まったく同じ問題がありました。それは私がそれらを間違って初期化しているような気がします、または何か...

何か案は？

UPDATE 4/28 テキスト領域を個別に初期化すると、スクロールバーがフリーズしないようです。ただし、上記の例に示すように、クラスセレクターに基づいてtextareasを初期化すると、初期化されます。

もう1つの奇妙な動作：前後にクリックしてエディターの1つを選択し、次に別のエディターを選択すると、これを数回実行すると、スクロールバーのロックが解除されます。どういうわけか、現在のエディターを数回切り替えるという行為はそれを解放します。

4

2 に答える 2

3

私は同じ問題を抱えています、あなたのどちらかがこれに対する解決策を見つけましたか？

編集：それで、それは間違いなく問題を引き起こしているURLのハッシュであるように見えます。私は次の解決策に満足していませんが、それは機能します...

$('body').on('click', 'a', function(e){
  if( $(this).attr('href') === '#' ) e.preventDefault(); 
});

それが誰かを助けることを願っていますが、誰かがより良い解決策を見つけたら私に知らせてください。

私は助けになるかもしれない次の記事を見つけました：

http://cksource.com/forums/viewtopic.php?t=25351

https://github.com/cleditor/cleditor/issues/10

于 2012-10-23T17:24:16.507 に答える
2

この問題は、jQueryモーダルでエディターをロードするときにも発生しました。アンカー/ハッシュに問題があることが判明しました。モーダルが表示されたときにそれがURLに含まれている場合、Chromeはチョークします。モーダルを表示する前にそれを削除できる場合は、機能します。

これはTinyMCEのバージョン3.5b2にありました。

于 2012-10-21T17:32:42.110 に答える