你能告诉我如何禁用羽毛笔js(angular NG QUILL)的拖放而不禁用格式图像吗查看屏幕:
xzabzqsa1#
使用“react-quill-with-table”时出现相同问题,原因是默认启用了名为“uploader”的模块。通过覆盖它进行修复:
class ByeByeUploader {}Quill.register({ "modules/uploader": ByeByeUploader}, true);
class ByeByeUploader {}
Quill.register({
"modules/uploader": ByeByeUploader
}, true);
或者,它似乎提供了一个“handler”选项,可以覆盖该选项而不执行任何操作:
<ReactQuill modules={{ uploader: { handler: ()=>{} } }}...
<ReactQuill
modules={{
uploader: {
handler: ()=>{}
}
}}
...
最后,如果您的问题不是来自本模块,我建议您在quill容器DIV上设置一个DOM断点,用于修改子树,以便更好地理解
2ic8powd2#
实现此目的的一种方法是将编辑器 Package 在div中,并防止drop事件的默认特性。这里有一个例子...
<div onDrop={(e) => e.preventDefault()}> <ReactQuill {...props}/> //Your editor component</div>
<div onDrop={(e) => e.preventDefault()}>
<ReactQuill {...props}/> //Your editor component
</div>
crcmnpdw3#
我在使用Quill编辑器时也遇到了同样的问题,但我已经修复了这个问题。请看我的代码:
<div id="quill-editor" (dragover)="false"></div>
所以如果你把(dragover)="false"放到你的编辑器div中,这个问题就解决了。
(dragover)="false"
div
kkih6yb84#
沿着(dragover)="false",您还可以在onEditorCreated(quill)事件处理程序中添加以下代码,以禁用图像的复制粘贴。
quill.clipboard.addMatcher('IMG', (node, delta) => { const Delta = Quill.import('delta'); return new Delta().insert('');})quill.clipboard.addMatcher('PICTURE', (node, delta) => { const Delta = Quill.import('delta'); return new Delta().insert('');})
quill.clipboard.addMatcher('IMG', (node, delta) => {
const Delta = Quill.import('delta');
return new Delta().insert('');
})
quill.clipboard.addMatcher('PICTURE', (node, delta) => {
共享相关线程链接,https://github.com/quilljs/quill/issues/1108Remove colors when pasting on ngx quill field
64jmpszr5#
这是浏览器行为。Quill对此不做任何处理。
Quill
// 此处用于禁用拖拽事件window.addEventListener('dragover', function(e) { e = e || event e.preventDefault()}, false)window.addEventListener('drop', function(e) { e = e || event e.preventDefault()}, false)
// 此处用于禁用拖拽事件
window.addEventListener('dragover', function(e) {
e = e || event
e.preventDefault()
}, false)
window.addEventListener('drop', function(e) {
5条答案
按热度按时间xzabzqsa1#
使用“react-quill-with-table”时出现相同问题,原因是默认启用了名为“uploader”的模块。
通过覆盖它进行修复:
或者,它似乎提供了一个“handler”选项,可以覆盖该选项而不执行任何操作:
最后,如果您的问题不是来自本模块,我建议您在quill容器DIV上设置一个DOM断点,用于修改子树,以便更好地理解
2ic8powd2#
实现此目的的一种方法是将编辑器 Package 在div中,并防止drop事件的默认特性。
这里有一个例子...
crcmnpdw3#
我在使用Quill编辑器时也遇到了同样的问题,但我已经修复了这个问题。请看我的代码:
所以如果你把
(dragover)="false"
放到你的编辑器div
中,这个问题就解决了。kkih6yb84#
沿着
(dragover)="false"
,您还可以在onEditorCreated(quill)事件处理程序中添加以下代码,以禁用图像的复制粘贴。共享相关线程链接,
https://github.com/quilljs/quill/issues/1108
Remove colors when pasting on ngx quill field
64jmpszr5#
这是浏览器行为。
Quill
对此不做任何处理。