组合了Draggable、Resizeable和Aloha Editor ExtJS组件

Question

我正在尝试创建一个外部组件，可以与Draggable、Resizable、Float和Aloha Editor一起使用。

目前我已经尝试过：

afterRender: function(me) {
    Aloha.jQuery('#' + me.myId).aloha();
    document.getElementById(me.myId).setAttribute("draggable", true);
}

这个不允许拖动，但编辑可以。

Aloha.jQuery('#' + me.myId).aloha();
draggable: true,
resizeable: true,
float: true

这个可以重新调整大小并拖动，但它本身不起作用，因此不可编辑。

Aloha.jQuery('#' + me.myId).draggable();
Aloha.jQuery('#' + me.myId).aloha();

同样，这个允许编辑，但不允许拖动。

似乎在调整大小或拖动事件的句柄打开的那一刻，aloha编辑器就停止了工作，但是如果没有句柄，拖动和调整大小就会停止工作。有什么建议吗？或者以前有人遇到过这种情况吗？

Answer 1

为了解决这个问题，我做了一个移动处理程序，HTML5样式：

http://www.w3schools.com/html/html5_draganddrop.asp

并使我的主画布下降区域。

接下来，我在组件中添加了一个可编辑的小div。

并且能够使div aloha。然后，只要使边透明，默认的调整大小器就会起作用。