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 实例上尝试过此操作。
我不知道这种变通办法是否有一些副作用，但它现在有效。