tinymce工具欄

Question

如何使用jQuery做Tinymce工具欄拖動？

Answer 1

試試這個在您的tinyMCE的init方法

tinyMCE.init({ 
// ... 
handle_event_callback : function(e) { 
     if(e.type == 'click') { 
      $('.mceExternalToolbar').draggable(); 
     } 
     return true; 
} 
}); 

包括以下jQuery UI的文件：

<script type="text/javascript" src="tiny_mce.js"></script> 
<script type="text/javascript" src="jquery-1.5.1.js"></script> 
<script type="text/javascript" src="jquery.ui.core.js"></script> 
<script type="text/javascript" src="jquery.ui.widget.js"></script> 
<script type="text/javascript" src="jquery.ui.mouse.js"></script> 
<script type="text/javascript" src="jquery.ui.draggable.js"></script> 

請注意，我只用一個實例tinyMCE的嘗試這個。 我不知道是否有這種解決方法的一些副作用，但它現在工作。