Add ability to use local image upload in wysiwyg editor

[tomasztunik]

I was able to hack it in by modifying wysiwyg additional options property and fooling keystone to think it's using cloudinary images but it would be great to have a native way to do that. We'd probably need a destination and flag to decide if we want to hash the name or retain original filename. Can't come up with easy way to link the images to the document that would use it unless we extended field's schema to also include additional field for storing image references if user have chosen to use wysiwyg local images (or whatever it would be called) that would get updated if image is added, removed or would be used to remove images if entry is removed.

Had to create custom api endpoint to handle the uploads - if anybody needed that for the time being let me know. And there goes the hack :)

keystone.init({
  ...
  'cloudinary config': { cloud_name: 'not', api_key: 'really', api_secret: 'used' },
  'wysiwyg cloudinary images': true,
  'wysiwyg additional options': {
    'uploadimage_form_url': '/api/admin/upload-image'
  }
});

[adamscybot]

+1

[rclark72]

+1, this one is related to #526

[jeffreypriebe]

+1
@tomasztunik Do you have hacked code somewhere available for others to use?

[mariohmol]

This is a very good solution for wysiwyg and image managment keystonejs/keystone#1549 (comment)

[vijaychow7]

Getting "Got a bad response from the server" after clicking on insert button. Do we need to do any other changes?

[HACKVTT]

+1
keystone.init({
...
'cloudinary config': { cloud_name: 'not', api_key: 'really', api_secret: 'used' },
'wysiwyg cloudinary images': true,
});

But below code I add
'wysiwyg additional options': {
'uploadimage_form_url': '/api/admin/upload-image'
}

==> Result: Got a bad response from the server

[andrewlinfoot]

We're closing all feature requests to keep the issue tracker unpolluted. I've moved this to ProductPains: https://productpains.com/post/keystonejs/add-ability-to-use-local-image-upload-in-wysiwyg-editor

[quadrifoliumclover]

@tomasztunik can you share you api endpoint handler code somehow, please?

[christroutner]

@quadrifoliumclover you should check out ConnextCMS. It's built on top of KeystoneJS and it allows inserting of localy hosted images with the TinyMCE editor.

You can view the source code on GitHub. I ended up having to write a new plugin for TinyMCE.

[VoronV48]

in answer set header

`

res.setHeader('Content-Type', 'text/html; charset=utf-8');
res.send({"image":{"url":"url you picture"}});
`