升级 tinyMCE 从版本3到版本4后，无法再拖放图片。

Question

我的网站之前使用的是 TinyMCE 的第三个版本。其中一个功能是用户可以将图像拖到编辑器中，它会自动将其转换为base64 data-uri并插入编辑器中。我刚刚升级到第四个版本，但这个功能似乎完全消失了。

据我所知，这不是一个插件或任何控制该功能的东西，而是默认功能的一部分，因为即使在使用最少选项进行初始化时，我仍然能够这样做：

  tinyMCE.init({mode: "none"});
  tinyMCE.execCommand('mceAddControl', false, 'selector');

这个功能在版本4中被移除了吗？还是有方法可以重新开启它？

我非常想升级到版本4，但这是唯一阻止我的事情，因为图像功能对我的应用程序非常重要。

谢谢！

- chiliNUT

Answer 1

如果您想启用图像拖放功能，则必须使用以下代码显式地执行此操作。

tinymce.init({
    ...
    paste_data_images: true
});

- Christophe Eblé

---

可以的！这是链接：http://www.tinymce.com/wiki.php/Configuration:paste_data_images - Christophe Eblé

顺便说一下，我已经做了一些研究找到它了！ - Christophe Eblé

太棒了！你刚刚帮了我很多忙。谢谢！ - chiliNUT

谢谢！省了我不少时间。 如果有人想尝试，我已经设置好了一个带有TinyMCE 4.2的JSFiddle页面。 https://jsfiddle.net/nisanth074/uyc6yxzc/ - nisanth074

@Manachi，你提到的我另一个帖子，是的，我已经实施了它，并且工作得很好。关于150MB的问题，我们的最大上传限制大约为15MB。对于允许上传100MB+图片的内容管理系统来说，我觉得有些愚蠢，但我不清楚你的应用程序。至于IE的问题：在IE10中可以正常工作，我猜测在IE11和Edge上也可以。在IE9及以下版本无法正常工作，但我们有一个解决方法。它是在一个旧的但仍然活跃的CMS中实施的...然而，从现在开始，我们发现http://www.responsivefilemanager.com/ 对我们来说是一个更好的解决方案。 - chiliNUT

Answer 2

你需要添加以下属性才能启用拖放功能

tinymce.init({
            selector: "#imgedit",  // change this value according to your HTML
            plugins: "paste",
            menubar: "edit",
            toolbar: "paste",
            paste_data_images: true
});

如果想要添加拖放并插入图像URL功能，则添加以下代码行

tinymce.init({
            selector: "#imgedit",  // change this value according to your HTML
            toolbar: "image,paste",
            plugins: "image,paste",
            menubar: "insert,edit",
            paste_data_images: true,
});

- apifeez

---

感谢指出需要添加 paste 插件，现在它可以正常使用了。 - Avatar