Keystone-classic: keystone/admin/public/js/lib/tinymce/plugins/uploadimage/plugin.min.js is not found

Created on 27 Sep 2016 · 13Comments · Source: keystonejs/keystone-classic

Steps to reproduce the behavior

use Html Field after add 'wysiwyg cloudinary images':true option in keystone.js

Expected behavior

show html editor

Actual behavior

not showing html editor

because https://github.com/keystonejs/keystone/commit/940b77fdae26a2f70d8c30f1b4ca638be4bad839(Updating bundled TinyMCE) this commit is remove uploadimage plugin folder

bug

Source

GwonHyeok

👍1

Most helpful comment

Had also the same problem but a temporarily solution would be to add it from additional options and then reference the plugin from your Public folder like this. Provided a link to the plugin aswell.
'wysiwyg additional options': { 'external_plugins': { 'uploadimage': '/js/uploadimage/plugin.min.js' } },

uploadimage.zip

peterjohansson92 on 14 Oct 2016

👍13 🎉6

All 13 comments

I'm having the same problem :)

larsenwork on 8 Oct 2016

uploadimage.zip

peterjohansson92 on 14 Oct 2016

👍13 🎉6

@peterjohansson92 thanks for the suggestion, I ended up just using beta1 for now :)

larsenwork on 17 Oct 2016

+1 also having this issue

baldlion on 24 Oct 2016

+1 also having this issue. @peterjohansson92 's fix did not work for me unfortunately.

henryboston on 8 Nov 2016

@peterjohansson92 plugin is not loaded,

I'm having both ’cloudinary images' and your code in keystone.js, right?

'wysiwyg cloudinary images': true, 'wysiwyg additional options': { 'external_plugins': { 'uploadimage': '/js/uploadimage/plugin.min.js' } },

what am I doing wrong?

sorokinvj on 27 Nov 2016

@sorokinvj .. I had similar issues.

The reason we get the error is the uploadimage plugin for the TinyMCE editor was removed from the package (see https://github.com/keystonejs/keystone/tree/v4.0.0-beta.1/admin/public/js/lib/tinymce/plugins compared to https://github.com/keystonejs/keystone/tree/v4.0.0-beta.3/admin/public/js/lib/tinymce/plugins).

It looks like @JedWatson removed the plugin when updating the bundle, with this commit https://github.com/keystonejs/keystone/commit/940b77fdae26a2f70d8c30f1b4ca638be4bad839

My solution was (as @larsenwork suggested) to downgrade to the 4.0.0-beta.1 version of Keystone. I needed to remove the ^ from my package.json to pin to the specific version of Keystone as beta.3 is semantically compatible with beta.1, it now reads

"keystone": "4.0.0-beta.1",

I suggest a pull-request letting the plugin back into the folder or alternatively updating the cloudinary code to work with any new way of uploading images with the editor.

Hope this helps anyone experiencing similar issues :)

kraenhansen on 1 Dec 2016

👍6

@peterjohansson92 thanks a lot for a temporary fix, for me it works perfect.

How soon can we get plugin in stable version?

vadimshvetsov on 15 Dec 2016

I just looked in to resolving this for master, and it looks like tinyMCE have deprecated the imageUpload plugin, and replaced it with a couple of new options. To move forward, we can't just bring back the old file, as it breaks the code. Likely going to have to reimplement this with the new plugin.

Noviny on 4 Apr 2017

Why can't we use an older version of TinyMCE if its so engrained into the Keystone ecosystem? I'd argue for bringing back the older version if it means it plays nicely with everything else 😄!

peterpme on 18 Apr 2017

Late back to the party, but agree with @peterpme on this. I have made a task to do this, but if anyone wants to put their hand up to do this, it would be super appreciated.

Noviny on 22 Sep 2017

👍1

@Noviny I have a PR up that fixes this issue: https://github.com/keystonejs/keystone/pull/4594. It's not particularly elegant, but it gets S3 image uploading working in the tinymce editors again (and presumably cloudinary images as well, since the root issue is the same). I think it's a good patch until this functionality can be re-architected in the farther future.