vue-quill-editor图片拖动位置

在`vue-quill-editor`中，可以通过自定义一个`toolbar`来实现图片拖动位置的功能。你可以按照以下步骤进行操作：

1. 在`vue-quill-editor`组件中添加一个自定义的`toolbar`属性，指向一个包含自定义按钮的工具栏配置对象，例如：

<quill-editor v-model="content" :options="editorOptions"></quill-editor>

2. 在Vue实例中定义`editorOptions`对象，包含自定义按钮和相关的处理方法：

data() {
  return {
    content: '',
    editorOptions: {
      modules: {
        toolbar: [
          // 自定义按钮
          [{ 'header': [1, 2, false] }],
          ['bold', 'italic', 'underline', 'strike'],
          [{ 'color': [] }, { 'background': [] }],
          [{ 'script': 'super' }, { 'script': 'sub' }],
          [{ 'list': 'ordered' }, { 'list': 'bullet' }],
          ['link', 'image', 'video'],
          ['align', 'blockquote', 'code-block'],
          ['clean'],
          // 自定义的图片拖动按钮
          [{ 'dragImage': ['drag-image'] }]
        ],
        // 自定义按钮的处理方法
        handlers: {
          'dragImage': function (value) {
            // 处理图片拖动的逻辑
            // 可以使用插件等第三方库实现图片拖动功能
          }
        }
      }
    }
  };
}

3. 在图片拖动按钮的处理方法中，你可以使用第三方库（例如`vuedraggable`或`interact.js`）来实现图片拖动的功能。具体的实现方式将根据所选库的不同而有所不同。

请注意，上述代码只是一个示例，你需要根据自己的需求进行相应的调整和修改。希望对你有所帮助！