resizable与draggable连用，拖动范围需要扩大到编辑区域

您可以使用 jQuery UI 库中的 resizable 和 draggable 方法来实现这个功能。您可以在编辑区域的父元素上设置 draggable，然后在编辑区域上设置 resizable。这样，您就可以使用 draggable 来拖动整个编辑区域，而 resizable 将允许您在编辑区域内改变大小。

以下是一个简单的示例代码：

HTML:

<div id="editor-container">
   <textarea id="editor"></textarea>
</div>

CSS:

#editor-container {
   position: relative;
   width: 500px;
   height: 500px;
}

#editor {
   width: 100%;
   height: 100%;
}

JavaScript:

$(function() {
   $("#editor-container").draggable();
   $("#editor").resizable({
      containment: "#editor-container"
   });
});

这段代码将使编辑区域可以拖动，并且可以在编辑区域内改变大小。 containment 选项将确保编辑区域不会超出其父元素的边界。