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实例。 我不知道这种解决方法是否存在一些副作用，但它现在正在发挥作用。