4

jQuery で tinymce 用の外部フローティング ツールバーを作成しました。

tinyMCE.init({

    ...
    theme_advanced_toolbar_location : "external",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "top",
    theme_advanced_resizing : false,

    // make toolbar dragable
    handle_event_callback : function(e) {
        if (e.type == 'click') {
            $('.mceExternalToolbar').draggable();
        }
        return true;
    },
    ...
});

動作しますが、 をクリックするたびにtextarea、ツールバーが の一番上に戻りtextareaます。

をクリックしてtextareaツールバーを移動し、 でクリックして戻すとtextarea、ツールバーが の上部に戻りtextareaます。

なぜこれが起こっているのか、それを止める方法はありますか?

4

1 に答える 1

0

これは、ツールバーのコード（editor_template.js）が、エディターがマウスアップイベントを処理するたびにツールバーを配置するために発生します。

外部ツールバーのIDを変更することで、なんとか回避できました。

if (e.type == "click")
{
   var oldid = $(".mceExternalToolbar").attr("id");
   $(".mceExternalToolbar").attr("id", oldid+"_new");
   $(".mceExternalToolbar").draggable();
}

これにはおそらく他の影響もありますが、私の限られたテストでは機能するようです。

于 2013-03-18T14:18:01.363 に答える