在 TinyMCE 4 上禁用拖动图像答案

【问题标题】：Disable dragging images on TinyMCE 4在 TinyMCE 4 上禁用拖动图像
【发布时间】：2016-02-24 21:35:24
【问题描述】：

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

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

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

【问题讨论】：

标签： tinymce tinymce-4

【解决方案1】：

粘贴插件

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

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

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

NB：在版本 4.7.4 上测试，虽然我没有在他们当前（当我回答时）paste 插件documentation 中找到它，而是我在他们的存档documentation 中找到了 4.3.12

版本

PowerPaste 插件

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

【讨论】：

如果您使用 powerpaste 插件而不是 paste，则有“powerpaste_block_drop”

【解决方案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();

       });
    });
  }

【讨论】：

很高兴能够提供帮助