tinymce工具栏

Question

如何用jQuery实现Tinymce工具栏的可拖拽？

Answer 1

在您的tinyMCE初始化方法中尝试这样做

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实例中尝试过此方法。我不知道这个变通方法是否有一些副作用，但目前它是有效的。