Javascript 禁用拖放图像quill js

你能告诉我如何禁用纬管js（角度纬管）的拖放功能吗 不禁用图像格式

查看屏幕：

---

这是一种浏览器行为<代码>纬管与此无关

//此处用于禁用拖拽事件
window.addEventListener（'dragover'，函数（e）{
e=e | |事件
e、 预防默认值（）
}，错）
window.addEventListener（'drop'，函数（e）{
e=e | |事件
e、 预防默认值（）
}，错）

这是一种浏览器行为<代码>纬管与此无关

//此处用于禁用拖拽事件
window.addEventListener（'dragover'，函数（e）{
e=e | |事件
e、 预防默认值（）
}，错）
window.addEventListener（'drop'，函数（e）{
e=e | |事件
e、 预防默认值（）
}，错）

由于默认情况下启用了名为“uploader”的模块，因此使用“react quill with table”时出现了相同的问题

通过覆盖它来修复：

class ByeByeUploader {}

Quill.register({
  "modules/uploader": ByeByeUploader
}, true);

或者，它似乎提供了一个“处理程序”选项，可以将其重写为不执行任何操作：

<ReactQuill
  modules={{
    uploader: {
      handler: ()=>{}
    }
  }}
...

{}
}
}}
...

最后，如果您的问题不是来自此模块，我建议您在quill container DIV上设置一个DOM断点，以便进行子树修改，以便更好地理解由于默认启用了名为“uploader”的模块，因此使用“react quill with table”会出现相同的问题

通过覆盖它来修复：

class ByeByeUploader {}

Quill.register({
  "modules/uploader": ByeByeUploader
}, true);

或者，它似乎提供了一个“处理程序”选项，可以将其重写为不执行任何操作：

<ReactQuill
  modules={{
    uploader: {
      handler: ()=>{}
    }
  }}
...

{}
}
}}
...

---

最后，如果您的问题不是来自此模块，我建议您在quill container DIV上设置一个DOM断点以进行子树修改，以便更好地理解

一种方法是将编辑器包装在DIV中并防止drop事件的默认性质

这里有一个例子

<div onDrop={(e) => e.preventDefault()}>
  <ReactQuill {...props}/> //Your editor component
</div>

e.preventDefault（）}>
//您的编辑器组件

一种方法是将编辑器包装在div中，并防止drop事件的默认性质

这里有一个例子

<div onDrop={(e) => e.preventDefault()}>
  <ReactQuill {...props}/> //Your editor component
</div>

e.preventDefault（）}>
//您的编辑器组件

我在Quill editor中遇到了同样的问题，但我解决了这个问题。 请查看我的代码：

<div id="quill-editor" (dragover)="false"></div>

---

因此，如果将

（dragover）=“false”

放在编辑器

div

中，问题就会得到解决。

我在Quill editor中遇到了同样的问题，但我解决了这个问题。 请查看我的代码：

<div id="quill-editor" (dragover)="false"></div>

---

因此，如果将

（dragover）=“false”

放入编辑器

div

，问题将得到解决。

纬管选项：-注意格式选项。除此之外，我没有看到任何其他包含的选项来禁用拖放。@RyanC太糟糕了，我想我会选择froala editorOptions for Quill:-注意格式选项。除此之外，我没有看到任何其他包含的选项来禁用拖放。@RyanC太糟糕了，我想我会选择Frola Editorth。这是一种浏览器行为。这是一种浏览器行为。