javascript - 在 CKEditor 内联实例中，如何禁用拖放？

Question

在 CKEditor 中，如何禁用拖放功能？

我不希望人们意外地将页面的其他元素拖放到各自的编辑器中。

我认为这需要拦截浏览器特定事件并阻止它们，但我不确定如何在 CKEditor 中执行此操作。

感谢您的帮助!

Answer 1

取自THIS STACKOVERFLOW ANSWER

首先，我尝试使用 config.removePlugins = 'dragdrop,basket'; 禁用它。但根本不起作用。

然后我找到了这个链接，它帮助我解决了这个问题并编写了一个插件来完成这项工作。

无论如何，我也在这里写了如何做到这一点。

经过一点修改，我编写了这个插件:

要使用它，您必须在 ./plugins 中创建一个名为“dropoff”的文件夹。然后创建一个名为plugin.js的文件并放入以下内容:

CKEDITOR.plugins.add('dropoff', {
     init: function (editor) {

          function regectDrop(event) {
              event.data.preventDefault(true);
          };

          editor.on('contentDom', function() {
            editor.document.on('drop',regectDrop);
          });

      }
});

之后，您必须在 ckeditor config.js 上注册它。

config.extraPlugins = 'dropoff';

如果您已经使用了额外的插件，只需在前面添加一个“，”，如下所示:

config.extraPlugins = 'mypreviousplugin,dropoff';

并且要快乐!\o/