CKEditor4-react : add EasyImage plugin without cloud url

Question

I am using CKEditor4-react and want to add EasyImage plugin but without using cloudservice URL. As an alternate I have a folder hosted on server where it should upload the image. But it doesn't work.

I followed the documentation to use EasyImage plugin - https://ckeditor.com/docs/ckeditor4/latest/examples/easyimage.html https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-cloudServices_uploadUrl

and as per it "cloudServices_uploadUrl" is mandatory for EasyImage plugin.

Can I provide an alternate URL which is hosted on our server so the images can be saved and fetched from there?

The old version of CKEditor4 was used in one of our legacy apps built in Knockout.js where it is being used in a similar way consuming the ckeditor/plugin/simpleuploads.

But i didn't find any such plugin in the current CKEditor4.12 version

config: {
                toolbar: [
                    { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike'] },
                    { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
                    { name: 'insert', items: ['Link', 'EasyImageUpload', 'Table'] },
                    { name: 'styles', items: ['Styles', 'FontSize', 'Font', 'Format', 'TextColor', 'BGColor'] },
                    { name: 'paragraph', items: ['NumberedList', 'BulletedList', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] }
                ],
                height: 600,
                width: 950,
                extraPlugins: 'easyimage',
                removePlugins: 'image',
                //cloudServices_uploadUrl: 'https://33333.cke-cs.com/easyimage/upload/', //this is a demo ckeditor cloud service URL
                cloudServices_uploadUrl: '/app/Data' //this is folder hosted on our server which is accessible as localhost/app/data
            },

f1ames f1ames · Accepted Answer · 2019-08-19T12:52:31

Easy Image plugin for CKEditor 4 only supports Cloud Services for uploading images at the moment, so cloudServices_uploadUrl is mandatory and should point to CKEditor Cloud Services endpoint as the documentation says.

If you would like to upload and store images on your own server you may use CKFinder, your custom upload adapter or look for any 3rd-party solution which satisfy your needs.

CKEditor4-react : add EasyImage plugin without cloud url

1 Answers