使用 Firefox 防止在 SCEditor (MyBB) 中拖放答案

【问题标题】：Prevent drag and drop in SCEditor (MyBB) with Firefox使用 Firefox 防止在 SCEditor (MyBB) 中拖放
【发布时间】：2018-02-16 09:09:57
【问题描述】：

我有一个 MyBB 论坛，其中默认包含 SCEditor 作为 WYSIWYG 编辑器。

SCEditor 不是为拖放而设计的，因此对于 IE、Safari 和 Chrome，如果您尝试将图像拖到字段中，整个页面都会被图像替换（这对我来说没问题）。

但在火狐浏览器中，图片适合该字段，这表明消息将与它一起显示，但最终图片被翻译为base64，女巫与bbcode不兼容。图片不显示，而是一大堆代码。

能够进行拖放工作会很好，但我不想将图像存储在 base64 中，所以我只想阻止 Firefox 在该字段中放置图片。我根本不需要拖放，因此可以完全禁用它。也许用 jquery ？

抱歉，我无法访问论坛，但您可以在此处查看 SCEditor 的演示：https://www.sceditor.com

【问题讨论】：

标签： javascript firefox drag-and-drop mybb sceditor

【解决方案1】：

如果您不允许在页面上的任何地方拖放（我假设没有其他地方可以拖放文件），您可以添加这个 JS 来防止它：

function preventDefault(e) { e.preventDefault() }

// Prevent drag drop on page
document.body.addEventListener('dragover', preventDefault);
document.body.addEventListener('drop', preventDefault);

// Prevent drag drop inside editor
if (window.MyBBEditor && MyBBEditor.getBody) {
    instance.getBody().addEventListener('dragover', preventDefault);
    instance.getBody().addEventListener('drop', preventDefault);
}

您需要确保在创建编辑器后调用它。

【讨论】：