禁用在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
)};

此选项的作用仅为允许您阻止从/向编辑器及其内部的拖放。

NB：在版本 4.7.4 上测试过，但我当前没有找到它（我正在回答时）paste插件{ {3}}，而是我在档案documentation中找到版本 4.3.12

PowerPaste插件

如果您使用 Power Paste Plugin ，则可以使用powerpaste_block_drop: true选项来禁用所有拖放内容到编辑器中。你会找到关于这个documentation的文档（感谢来自评论的@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();

       });
    });
  }