我们正在尝试将 CKEditor 5 实现到我们的应用程序中，但我们在文档方面遇到了一些困难。
我们想要禁用将拖放事件放入编辑区域或以某种方式控制它。有这样的活动吗？
我们正在努力editor.model.document.on('clipboardInput') or editor.model.document.on('dragover')没有任何运气。这些事件不会被触发。
你需要听dragover https://docs.ckeditor.com/ckeditor5/latest/api/module_engine_view_document-Document.html#event-event:dragover and drop https://docs.ckeditor.com/ckeditor5/latest/api/module_engine_view_document-Document.html#event-event:drop上的事件视图层 https://docs.ckeditor.com/ckeditor5/latest/framework/guides/architecture/editing-engine.html#view而不是在该模型 https://docs.ckeditor.com/ckeditor5/latest/framework/guides/architecture/editing-engine.html#model.
我准备了一个简单的函数，可以作为插件加载到 CKEditor 5，它可以取消这些事件：
/**
* Cancel the `drop` and `dragover` events.
*
* @param {module:core/editor/editor~Editor} editor
*/
function cancelDropEvents( editor ) {
// High priority means that the callbacks below will be called before other CKEditor's plugins.
editor.editing.view.document.on( 'drop', ( evt, data ) => {
// Stop executing next callbacks.
evt.stop();
// Prevent the default event action.
data.preventDefault();
}, { priority: 'high' } );
editor.editing.view.document.on( 'dragover', ( evt, data ) => {
evt.stop();
data.preventDefault();
}, { priority: 'high' } );
}
您可以在线查看它是如何工作的 –https://jsfiddle.net/pomek/qz0o9ku0/ https://jsfiddle.net/pomek/qz0o9ku0/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
