在 TinyMCE 4 上禁用拖动图像

Question

如何在 TinyMCE 4 上禁用拖动图像？我使用jQuery：

jQuery('#tinymce img').on('dragstart', function(event) {
    event.preventDefault();
});

但它不起作用......

Answer 1

粘贴插件

我找到了一些更好的解决方案。您可以使用插件中的paste_block_drop选项，paste例如

tinymce.init({
    plugins: 'paste image',
    paste_block_drop: true
)};

这个选项所做的只是让您能够阻止从/到编辑器及其内部的拖/放。

注意：在4.7.4版上进行了测试，尽管我在他们当前的（当我回答时）paste插件文档中没有找到它，而是在他们的4.3.12版存档文档中找到了它

PowerPaste 插件

如果您使用的是Power Paste 插件，您可以使用该powerpaste_block_drop: true选项来禁用所有将内容拖放到编辑器中。您将在此处找到有关此的文档（感谢评论中的 @Kurt）

Answer 2

使用tinymce配置参数setup并为此使用处理程序：

    setup: function(editor) {
        editor.on('init', function(event) {

        $(editor.getBody().parentNode).bind('dragover dragenter dragend drag drop', function(e) {
            e.stopPropagation();
            e.preventDefault();
        });

       $(editor.getDoc()).bind('draggesture', function(e) {
           e.stopPropagation();
           e.preventDefault();

       });
    });
  }