TinyMCE 工具栏悬浮式工具栏

Question

我使用jQuery为TinyMCE创建了一个外部浮动工具栏。

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

你有什么想法是为什么会发生这种情况以及如何停止它吗？

- todd

Answer 1

这是因为工具栏的代码（editor_template.js）在每次编辑器处理鼠标抬起事件时都会重新定位它。

我通过更改外部工具栏的ID来解决了这个问题：

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

这可能会有其他影响，但在我的有限测试中似乎可以工作。

- garlon4