从版本3升级到版本4后,tinyMCE无法再拖放图像

chi*_*NUT 20 javascript jquery base64 tinymce image-uploading

我的网站使用的是小型mce的第3版.它的一个特点是用户可以将图像拖动到编辑器中,它会自动将其转换为base64 data-uri并将其插入编辑器中.我刚刚升级到版本4,这个功能似乎完全消失了.

AFAIK,它不是一个插件或任何控制它的东西,只是默认功能的一部分,因为在使用最少的选项进行初始化时我仍然能够做到这一点,如下所示:

  tinyMCE.init({mode: "none"});
  tinyMCE.execCommand('mceAddControl', false, 'selector');
Run Code Online (Sandbox Code Playgroud)

此功能是否已从版本4中删除,或者有没有办法将其重新打开?

我真的想升级到4,但这是阻止我的唯一因素,因为图像功能对我的应用程序至关重要.

谢谢!

Chr*_*blé 45

如果要启用图像拖放功能,则必须使用以下代码明确执行此操作.

tinymce.init({
    ...
    paste_data_images: true
});
Run Code Online (Sandbox Code Playgroud)

  • 当然!这是:http://www.tinymce.com/wiki.php/Configuration:paste_data_images (3认同)
  • 谢谢!救了我一大堆时间.如果有人想要实验https://jsfiddle.net/nisanth074/uyc6yxzc/,我已经设置了TinyMCE 4.2的小提琴 (3认同)

小智 7

您必须添加以下属性才能启用拖放功能

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

如果你想用图像功能的插入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,
});
Run Code Online (Sandbox Code Playgroud)

  • 感谢您指出要添加的必要`paste`插件,仅现在可以使用。 (2认同)