禁用在TinyMCE 4上拖动图像
如何在TinyMCE 4上禁用拖动图像?我使用禁用在TinyMCE 4上拖动图像,tinymce,tinymce-4,Tinymce,Tinymce 4,如何在TinyMCE 4上禁用拖动图像?我使用jQuery: jQuery('#tinymce img').on('dragstart', function(event) { event.preventDefault(); }); 但它不工作…使用tinymce配置参数设置并使用处理程序: setup: function(editor) { editor.on('init', function(event) { $(editor.getBody
jQuery
:
jQuery('#tinymce img').on('dragstart', function(event) {
event.preventDefault();
});
但它不工作…使用tinymce配置参数
设置
并使用处理程序:
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();
});
});
}
粘贴插件
我找到了更好的解决办法。您只需使用paste
插件中的paste\u block\u drop
选项即可
tinymce.init({
plugins: 'paste image',
paste_block_drop: true
)};
这个选项的作用很简单,使您能够阻止从/到编辑器及其内部的拖放
NB:在版本4.7.4上进行了测试,虽然我在他们当前的粘贴插件中没有找到它,但我在版本4.3.12的存档中找到了它
PowerPaste插件
如果您使用的是Power-Paste-Plugin,则可以使用powerpaste\u block\u drop:true
选项,该选项将禁用所有拖放内容到编辑器中。您将找到关于此的文档(感谢评论中的@Kurt)很高兴能够提供帮助如果您使用的是powerpaste插件而不是paste,则会出现“powerpaste\u block\u drop”