tinymce工具欄浮動工具欄

Question

我創建了tinymce的外部浮動工具欄與jQuery。

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的頂部。

任何想法，爲什麼這可能會發生 - 以及如何阻止它？

Answer 1

發生這種情況的原因是，每次編輯器處理鼠標移動事件時，工具欄的代碼（editor_template.js）都會對其進行定位。

我設法通過改變外部工具欄的ID來解決它：

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

這可能有一些其他的影響，但它似乎在我有限的測試工作。