ckeditor - 如何禁用 CKEditor 5 中的放置事件

Question

我们正在尝试将 CKEditor 5 实现到我们的应用程序中，但我们在文档方面遇到了一些困难。

我们想禁用拖放到编辑区域的事件或以某种方式控制它。有这样的事件吗？

我们正在尝试 editor.model.document.on('clipboardInput') 或 editor.model.document.on('dragover') 但没有任何运气。这些事件不会被触发。

Answer 1

你需要听dragover和 drop view layer 上的事件而不是 the 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/ .