在CKEditor内联实例中,如何禁用拖放?

时间:2016-02-26 11:24:17

标签: javascript jquery ckeditor

在CKEditor中,如何禁用拖放?

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

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

来自THIS STACKOVERFLOW ANSWER

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

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

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

通过Litle修改我写了这个插件:

要使用它,你必须在./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 /