禁用拖放图像quill js

Question

你能告诉我如何禁用拖动js的拖放（角度NG QUILL） 不禁用格式图像

看屏幕：

Answer 1

由于默认情况下启用了名为“ uploader”的模块，因此使用“ react-quill-with-table”也存在相同的问题。

通过覆盖来解决：

class ByeByeUploader {}

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

或者，它似乎提供了一个“处理程序”选项，该选项可以被覆盖以不执行任何操作：

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

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

Answer 2

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

这是一个例子...

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

Answer 3

我在使用 Quill 编辑器时遇到了同样的问题，但我解决了这个问题。 请看我的代码：

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

因此，如果您将 (dragover)="false" 放在编辑器 div 中，问题将得到解决。

Answer 4

这是浏览器行为。 HWND对此无能为力。

Quill