SimpleUploads

SimpleUploads is a plugin for CKEditor aimed at simplifying the task of uploading files from the local computer to the web server where CKEditor is being used. It tries to fulfill missing features in the QuickUpload system provided by CKEditor, as long as the browser allows it.
Previously it was know as ImagePaste, but since version 4, I've renamed it in order to express that the plugin allows far more than just pasting images in CKEditor.

Features

There is a wide number of enhancements performed, some might be subtle and useful for the developer, others are focused on the end user.
For the user
  • Allows pasting an image directly into the document
  • Allows drag&drop from the computer to the document
  • Provides toolbar buttons to upload files and images with the minimum number of steps.
  • Enhance the dialogs with drag&drop uploads
  • Replace the QuickUpload option in the dialogs, now it only requires to select a file without any extra step
  • Show upload progress and cancel, as well as preview of images or file size for documents
Developer features
Not all the features work the same way across all the browsers because as you know each browser has different behavior and so the part about Pasting is the one where you will find more differences.
An example of what can be done thanks to the plugin is the ImageCrop plugin that takes the images as they are being added to the editor and directly allows to resize them before uploading them to the server (although it also uses this API to edit existing images and add them again to the server)

Browser support

The supported browsers are Chrome, Edge, Firefox and Internet Explorer. Safari is not officially supported because I would need to buy a new computer just to test it, that seems an expensive test for me. So some features might work and some not, as long as they follow the Chrome behavior then it should work.
All the common features will work with Chrome and Edge. Firefox is the only one that adds the ability to paste a file or image into the document by selecting it in your desktop.
IE has different features according to its version, you should move to IE11 for full support:
  • IE8, IE9: Not supported as they lack FormData.
  • IE10: The upload preview, progress and drag and drop work, but it doesn't allow pasting images.
  • IE11: Surprisingly this version of IE surpasses the features of Chrome and Firefox because it allows pasting a document from MS Word 2013 (I still haven't found other valid data sources) with all its images at the same time. Unfortunately, it seems that this feature no longer works under Windows 10.

Requirements

The plugin works with CKEditor 4.x, the only requirement is that you have already configured CKEditor to allow file uploads. You can use CKFinder or any other upload system that uses the CKEditor API, even create your own one. I provide a sample basic script for those that need all the details, but it's not advised to use it in production.
There is no restriction on the server, as long as you are able to install a CKEditor plugin and you have configured the QuickUploads in CKEditor, you're ready to go. Please, follow this guide to learn how to configure File uploads in CKEditor, this is your only real requirement.

If you're using CKEditor in Drupal, please read this guide with detailed instructions and a specific uploader module. But please, don't buy this plugin until the quick uploads in CKEditor are working correctly. (Of course this last sentence applies to whatever CMS you're using)

Support

The plugin is available only to licensed customers, if you manage to find a bug then send me a mail so I can look at it. My policy is to keep my plugins bug-free, because that's the way to have the lower number of mails in my inbox.
The payment is a one-time-fee, after the payment you will get the download and your mail will be added to my list for future updates. All future updates are included, even if the plugin keeps growing and including whole new features as it has done all these years since I started developing it.

Demo

You can check all the features in this page, including some zones in "inline editing"

Getting the plugin

You can get it under the same terms that my other plugins: the license for a single site is 10 euros and the OEM license for any site that you create is 50 euros. If your company sells a product instead of building websites, then you can use the Enterprise license at 120 euros.

Single site license OEM License Enterprise license
Price:  10 euros Price: 50 euros Price: 120 euros
For use in a single domain For companies that want to use the plugin in several domains created by them. This license allows to integrate the plugin in your product that you sell

Other plugins

You can find here a list of other plugins that I've created for CKEditor. Most of them a free and can help you to customize better CKEditor or get rid of little annoyances.

291 comments:

«Oldest   ‹Older   201 – 291 of 291
Alfonso Martínez de Lizarrondo said...

The latest version of GoogleMaps is that one, and a month ago I sent an update for SimpleUploads. If you didn't get it check your spam folder.

Regards

Sebastien Levesque said...

HI

I'm lost will all the comments about how to install the plugin.


Can you please tell me if I can use MediaWiki with your plugin ?

We use Mediawiki 1.26

With this editor package
https://github.com/Mediawiki-wysiwyg/WYSIWYG-CKeditor

Alfonso Martínez de Lizarrondo said...

Hi Sebastian

Unfortunately I don't have any experience with MediaWiki so I can't say if it works or if there's a problem.
The very first step is that you must have file uploads enabled, if you can't upload images then this plugin won't help you. Previously it was possible to test with Firefox and the ImagePaste plugin, but the APIs that that plugin used have been deprecated and I would have to rewrite it, but that doesn't make sense because you can opt for the same basic support with the default CKEditor or go full steam with SimpleUploads.

Adam Kempler said...

I've put up a module that integrates simpleuploads with Drupal 7 on github.
https://github.com/akempler/simpleuploads

I've tested it with the most current versions (as of this post) of the Drupal ckeditor module, ckeditor library and this plugin and had no issues.

Instructions for installing it and setting it up are at:
http://adamkempler.com/content/drag-and-drop-images-ckeditor-drupal-7

If anyone has problems with the the drupal module please add an issue to the github repo.

Thanks for the fantastic plugin!

minghai zhang said...

Sir, many uploadwidgets can uoload automatically,but can't delete the useless one; if the "SimpleUploads" works well with drupal_8_core_ckeditor and without imce/ckfider, useless images may clean automatically ,that will be great, and many guys will want it ,I want it too! Can you help me ,Sir?

Alfonso Martínez de Lizarrondo said...

@minghai zhang
This is a client side plugin to enhance file uploads. It's not a file manager so it can't delete any file from your server, it can't even save the files on the server on its own!

Besides that, dealing with Drupal is another beast, so I have no interest to try to provide yet another file manager when there are so many ones available.

Anonymous said...

Hi, your demo page (http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/) seems to be broken. When I try to paste a file I get the following error:

Error posting the file to /fckeditor/editor/filemanager/connectors/php/upload.php?Type=Image&CKEditor=editor1&CKEditorFuncNum=2&langCode=de
Response status: 404

Alfonso Martínez de Lizarrondo said...

Ops!
Thanks for the warning Wolfgang.
Recently I was cleaning up old versions of stuff that I had around and I didn't remember that used the FCKeditor uploader for that demo.

I've restored the missing files and I'll update it shortly to use something not so old that I won't remove by mistake

Anonymous said...

Hi,

we have a problem with pasting text with images from Word into IE11. Only the text gets pasted into the CKEditor. The images are removed. This problem is reproducible in your demo page. Is there a way to fix this.

Kind regards,
Wolfgang

Alfonso Martínez de Lizarrondo said...

Hi Wolfgang

I know that IE11 used to be the only browser that allowed to directly paste from MS Word, but I've tested right now even in a page without CKEditor, just plain contentEditable and nothing is pasted, so something has changed. Maybe it's all IEs or only the IE 11 that ships with Windows 10, but I'm afraid that I can't do anything about it. If the browser doesn't paste anything at all then I can't make it work.

Are you using also Windows 10?

I'll try to check it better to find if there's anything, but I'm not optimistic because any development from MS around IE11 has stopped .

Mickey Mazarick said...

Hey, I've really loved your plugin! I'm actually getting larger and larger files on my site however, do you have a chunked upload option?

Alfonso Martínez de Lizarrondo said...

Hi Mickey

That has been on my To-Do list for just too long. The main problem is that as there's no standard about how to save chunked files I have to define how it should work and I'm always afraid of doing it in a way that it's not the optimal one.

I guess that it's time to stop wandering around and start doing it. Something that works and can be improved later is better than nothing.

Please, send me a mail to know what kind of server backed do you use and so I can send you a version when I finish the first alpha.

Mickey Mazarick said...

I'm using .NET as the backend. I actually have another component that does the chunked upload and uses the jquery.fileupload to send large chunked data.
(https://github.com/blueimp/jQuery-File-Upload) look at line 721 of js/jquery.fileupload.js for the client side chunking.


On the backend for that component I'm doing something a bit embarrassing... just appending to the files with the same name... There may be an ordering issue when receiving the chunks but I haven't seen one. I use this for uploading isos, for an image, recieveing 2 chunks out of order would be visible immediately.

If Page.Request.Files.Count > 0 Then
For Each f As String In Page.Request.Files // drop this loop since you should prob do only one file at a time
Dim file As HttpPostedFile = Page.Request.Files(f)
Dim localfilename As String = getFormattedPath() & file.FileName
If System.IO.File.Exists(localfilename) AndAlso Not fileList.Contains(file.FileName) Then
System.IO.File.Delete(localfilename)
End If
If System.IO.File.Exists(localfilename) Then
If fileList.Contains(file.FileName) Then
Dim fs As New FileStream(localfilename, FileMode.Append, FileAccess.Write, FileShare.None)
With fs
Dim buffer(file.InputStream.Length - 1) As Byte
file.InputStream.Read(buffer, 0, file.InputStream.Length)
fs.Write(buffer, 0, buffer.Length)
fs.Close()
End With
End If
Else
file.SaveAs(getFormattedPath() & file.FileName)
fileList.Add(file.FileName)
End If
Next
Page.Response.Clear()
Page.Response.Write("{""status"":""success""}") //I think you return the image tag. I like the way yours works currently since I actually store images in a DB.
Page.Response.End()
End If

Alfonso Martínez de Lizarrondo said...

I already know the theory and the code for the Javascript part. It's just that I need to really start working on it.
The last time that I looked was when I decided that I needed some clean up and I got rid of all the code to provide a little support for IE8.

The main issue is that I didn't develop the code thinking about this, so I need to abstract some functions and events so a single file can be uploaded in different blocks, but provide a single progress, a single file uploaded event, ....

So I really want to work on it, I just need the mood to start.

Anonymous said...

Hello, If I pay 10 euros, will I have an ability to use crossdomain requests?

Alfonso Martínez de Lizarrondo said...

@PAvel
Yes, you just pay for the domain where you've installed CKEditor with this plugin. If you want to upload files to another domain then it's up to you.
Be sure to read correctly how to configure the uploads in that situation:

https://alfonsoml.blogspot.com/2013/10/cross-domain-file-uploads-in-ckeditor.html

Павел Иванов said...

Hello! I bought your plugin, but I even cannot see the icon og it? Whats the problem?

Alfonso Martínez de Lizarrondo said...

Can you look at the developer console to check if there's any error?

My guess is that you haven't configured file uploads before enabling this plugin, so you should follow this guide: https://www.pluginsforckeditor.com/Tutorials/86/Upload-files-with-CKEditor

Lucas James said...

I just purchased the SimpleUploads plugin and it works perfectly when clicking the 'Add an image' button on the toolbar, and when drag dropping an image file onto the editor but when I paste image content in (from paint etc) the black and white preview image appears, the file is actually uploaded and I get the same response form the server that I do with the other methods but the editor never actually replaces the upload preview with the image form the returned url.

Any ideas?

Thanks

Alfonso Martínez de Lizarrondo said...

That's strange.

Can you reproduce the problem on my demo?
Are you using any custom plugin or additional javascript code on your page?

Lucas James said...

No the demo works as expected. I've rebuilt my ckeditor to remove basically everything image related (upon first install of your plugin I had this problem but also had one of the previous plugins butting a second base64 copy of the image on the page). I'm actually starting to think it might have something do with the size because I have managed to paste a couple of small images in (but then failed again with the same image only moments later).
Just to reiterate, dropping an image from the file system works, selecting an image from the file system works, its just getting stuck when pasting a selected area of an image (or screen snippet etc).

Lucas James said...

It seems the paste upload works once after each build (of my asp.net mvc project). I'll see if I can narrow it down any further.

Thanks

Alfonso Martínez de Lizarrondo said...

Posting messages here on the blog is really one of the worst ways to get support.

You can't post images, you can't provide additional implementation details, I can reply only when I'm at home at the computer...

If you want me to help you, send me an email with some info that can help me identify the problem, a url to test, ...

Unknown said...

Hi
when I paste imageName.jpg, the plugin rename it to such 2016_08_07_14_02_441.png .
is it possible to not rename file names and file extensions?
Thanks

Alfonso Martínez de Lizarrondo said...

Unless you have added the sample code about how to rename files or you're in some way processing the images, if you get a format different than the original one that means that the image has been pasted as a bitmap, there's no info about the original file name or format.
That happens for example if you open an image in a graphics program and copy from there instead of dropping it into the editor.
You can try to paste in any other program and you'll find that they don't know anything about the original file.

Unknown said...

Hi,

We would like to buy the Enterprise license but get an info which says "We're sorry, but something went wrong. We've been notified about this issue and we'll take a look at it shortly."

But no feedback.

Is there any other way to buy it?

Alfonso Martínez de Lizarrondo said...

I'm sorry about the problem. I've tested it right now and it works fine for me.
Do you know if the error comes from FetchApp or from PayPal?

The only solution (if still doesn't work for you) would be to do it in the old way, you send the payment to my paypal address (amla70 - at - gmail.com) and then when I get the email I'll send you manually the plugin back to you.

bloigge said...

Hi,

We would like to use your plugin in media wiki which uses ckeditor by default. Unfortunatly we are not able to get your plugin up-and-running getting a parser error.

Is there any hack or workaround to get the plugin going in media wiki?

We are using MediaWiki V.1.27


BR,
Bernd

Alfonso Martínez de Lizarrondo said...

Hi there

I don't have experience with Media wiki, so I can't provide you any specific suggestion, but if you send me a URL to test or some hint about what's that parsing error I can try to take a look.

Rodolfo War said...

Hola
Yo soy brasileño, porsupuesto hablo poco em español. Le pido ayuda, porque el simpleupload no me he regalado respuestas como yo necesito. Para que me puedas comprender, escrebi en português tanbién.

Versão Chrome: Versão 53.0.2785.143 m
Versão Firefox: 48.0.2

Faço uma imagem no Paint.
(Hago un image em el paint)

Copio
E colo no Editor
(Y colo en el edictor.)



A imagem fica rosa de fundo.
(La image se queda color rosa.)

No Firefox funciona copiar e colar do paint.
(En el firefox funciona copiar y colar del paint.)
Reparei que no firefox, no plugin do simpleupload executa a linha 1796, e quando executado pelo Chrome executa a linha 1798.
(Yo veí que el firefox, en el plugin del simpleupload él hace la liña 1796, y cuando hecho por el Chrome hace la liña 1798.)

Cameron Gregor said...

Hi Alfonso,

Thank you for the SimpleUploads plugin and also the imagepaste plugin before that, they have both been useful in solving a problem we have had with pasted images with CKEditor in a niche JSF framework 'IBM XPages'.

I would like to ask you about how I can share this solution with other developers, without breaching your licensing conditions, I am happy to talk in private over email if you like.

We originally used the imagepaste plugin as the basis for our image upload problem with success, this required modifications to the plugin to allow it to work with the framework that we use.

We then wanted the extra browser support, and purchased SimpleUploads and then extracted the functionality that supported the other browsers and then again made modification so that it also would work with the IBM XPages framework.

Cameron

Alfonso Martínez de Lizarrondo said...

Hi Cameron

I'm glad that the plugin is useful to you.
Please, send me an email describing your changes. If they are useful I can put them in the code or I can point you how to get that behavior without changing the code, so it's easier for anyone to use.

Regards

Unknown said...

Alfonso,
Really exceptional work for the developer community. I don't see away of contacting you directly but have a question about some custom work. Could you contact us at stephen [at] caduceuswebs.net


Thanks,
Stephen

Nrbjm1 said...

If i buy the single domain license, what if in the future I am moving or upgrading from my current server into a new server? Can I still use it? Thanks.

Alfonso Martínez de Lizarrondo said...

@Nrbjm1
There's no problem to move or upgrade your server. Also, you can use it in your development server without restrictions. You'll only need another license if you want to use it in other domains.

Nicolas Michaud said...

is looks promising - does it work with redmine? thx

Nicolas Michaud said...
This comment has been removed by the author.
Nicolas Michaud said...
This comment has been removed by the author.
Alfonso Martínez de Lizarrondo said...

It can work with any backend, as long as you're able to configure it correctly to handle the CKEditor upload API.

For example this is a guide for a generic PHP handler: https://www.pluginsforckeditor.com/Tutorials/86/Upload-files-with-CKEditor you just have to know what to change for redmine.

Emma Grimberg said...

Hi Alfonso,

when I run SimpleUploads in Chrome I got the next error

"Uncaught TypeError: editor.addFeature is not a function"

in Firefox all is OK

Your advice, please

Alfonso Martínez de Lizarrondo said...

addFeature is a core method of CKEditor, so I can't understand why it would fail in any browser.
Maybe you've upgraded and Chrome is still using a cached version?

Unknown said...

Hi Alfonso,

Since a couple of versions, FireFox is adding a name to the pasted files in CKEditor (we tested with v52.0.1 and v52.0.2). This is a problem for us because we want pasted files to be renamed using the timestamp, but leave the manually uploaded files to keep their original file name.

Is there a way we can configure the plugin to rename pasted files and not uploaded files?

If that's not possible, is there a way to know when the file being sent to the server comes from pasting or from manual upload?

Thanks.

Alfonso Martínez de Lizarrondo said...

It seems that both Chrome and Firefox currently have the behavior of providing a default file name along the pasted data.
I don't understand why this is a problem to you, but the way to check if an image has been pasted it would be to listen to the 'simpleuploads.startUpload' event and check if the ev.data.mode.type parameter is 'pastedFile' and then you can rename the upload or you could add an extra field in the upload data so you can recognize it at the server.

This code shows how to rename it:

CKEDITOR.on('instanceReady', function (e) {
e.editor.on('simpleuploads.startUpload', function (ev) {
var filename = ev.data.name;
var data = ev.data;
var mode = data.mode;
if (mode && mode.type == 'pastedFile') {
var extension = filename.match(/\.\w+$/)[0];
var newName = CKEDITOR.plugins.simpleuploads.getTimeStampId() + extension;
ev.data.name = newName;
}
});
});

Add the code to the page or a javascript file that it's loaded before the editors are created (but after the CKEditor library is loaded) and it will configure every editor to autorename the pasted images.

Jay said...

I get an error page when clicked on Buy Now. I would like to purchase the Single Site License. Is it still available for purchase?
Thanks.

Alfonso Martínez de Lizarrondo said...

I've tried the three payment buttons and all of them worked correctly for me.

Can you please try again?

If it still fails, can you send me a screenshot to amla70 at gmail dot com?
Does paypal work correctly for you in other places?

Ahmed Dahir said...

Do you support in Drupal 8

Alfonso Martínez de Lizarrondo said...

I don't provide specific support for Drupal because I don't use it, but you can read this guide https://alfonsoml.blogspot.com.es/2012/12/installing-ckeditor-plugin-inside.html#drupal and check that you have configured uploads correctly before purchasing the plugin.

Ahmed Dahir said...

How does it work, does it need ckfinder and what is the point

Alfonso Martínez de Lizarrondo said...

You can find in https://alfonsoml.blogspot.com.es/2012/12/installing-ckeditor-plugin-inside.html#drupal the instructions for integration with Drupal, you don't need CKFinder, but you need a script that handles the uploads.

Take the time to read it thoroughly.

Ahmed Dahir said...

Hello Alfonso,

I tried configuring but it's not working when i add extraPlugnis the editor disappears and am using version 4.6.2

//cdn.ckeditor.com/4.6.2/full-all/ckeditor.js

CKEDITOR.replace( 'editor1', {
extraPlugins : 'simpleuploads',
filebrowserUploadUrl : 'upload.php',
toolbar :
[
{ name: 'document', items : [ 'Source' ] },
{ name: 'basicstyles', items : [ 'Bold','Italic' ] },
{ name: 'insert', items : [ 'Link', 'Image', 'addFile', 'addImage' ] },
],
height: 100,
simpleuploads_acceptedExtensions : '7z|avi|csv|doc|docx|flv|gif|gz|gzip|jpeg|jpg|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|rar|rtf|tar|tgz|txt|vsd|wav|wma|wmv|xls|xml|zip'
});

Ahmed Dahir said...

If i use this link https://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/ckeditor.js the icons shows but not upload

with this link doesn't show

Alfonso Martínez de Lizarrondo said...

The best solution is obviously to host the CKEditor on your website. You shouldn't use my server at all.

And if you use the CKEditor CDN then you must follow their instructions to allow local plugins with CKEDITOR.plugins.addExternal
Read the doc at http://cdn.ckeditor.com/

omundodedante said...

Hi Alfonso.
Very nice your plugin.
I developed a blog to me and I am using CKEditor. Now I need a plugin that let me drag and drop or past and copy an image on my text. On my admin page I have 2 ckeditors there. It is a problem? Will I need to buy something more as CKFinder? Will I need to develop something more?
Or is your plugin a full solution that I will need just setup some scripts? Will I get a fully explanation how to put it to work?

Best regards,
Dante

Alfonso Martínez de Lizarrondo said...

If you only want to drag&drop and don't care about the extra functionalities, then you don't need my plugin.
The current version of CKEditor already provides these basic features and so you can use it for free, you just have to read the docs.

Unknown said...

Hi Alfonso,

We're using SimpleUploads 4.5.0 with CKEditor 4.7.1 and when I paste an image from Snipping Tool in Firefox, it is pasted twice. It can be reproduced with a plain CKEditor+SimpleUploads deployment, no extra config is needed beside the extraPlugins and filebrowserUploadUrl.

I think it's because it's pasted as image (through pasteListener) and also as inline html image (through generateUploadFromInlinePaste).

I worked around by setting a flag in processPastedFile() for 500ms and checking it in editor.on('paste', ...) but it would be good if you can fix it in the core code.

Thanks in advance,
Gábor

Alfonso Martínez de Lizarrondo said...

Hi Gabor

My first try seems to work fine, so I need to find out what's the difference.
Can you reproduce it on the demo at http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/ ?
Which version of Firefox are you using?
Which version of Windows?
Does it fails if you just use the PrtScrn button to get a screenshot, or just copy an image in paint or similar?

Unknown said...

I cannot reproduce it on the demo page.
My steps are:
1) Download CKEditor 4.7.1 (http://download.cksource.com/CKEditor/CKEditor/CKEditor%204.7.1/ckeditor_4.7.1_standard.zip)
2) Copy SimpleUploads 4.5.0 to plugins directory
3) Edit config (config.extraPlugins, config.filebrowserUploadUrl)
4) Start samples/index.html in Firefox (v54 on Win10 x64)
5) Use Snipping Tool or PrtScrn button
6) Ctrl+V in CKEditor

--> Image is pasted twice.
As I see in the demo page you use CKEditor 4.6. Maybe that's the difference.

Unknown said...

So I tried it:
It is reproducable with CKEditor 4.6.2 and 4.7.1 but not with 4.5.11.

giangnn said...

Hi Alfonso,

My upload endpoint only accepts JWT token via Authorization request header. Does the plugin support it?

Thanks

Alfonso Martínez de Lizarrondo said...

@unknown: I've fixed the problem, if I don't find any problem I'll release it this Sunday, if you send me an email I'll send you this version 4.5.1 right now.

Alfonso Martínez de Lizarrondo said...

@giangnn
You can add additional headers and fields as shown in this sample: http://www.martinezdelizarrondo.com/ckplugins/simpleuploads.demo4/extrafields.html

So this means that you should be able to use it with any endpoint.

Ahmed Dahir said...

Hi Alfonso!

I am getting this error when i try uploading Error posting the file to assets/js/ckeditor/upload.php&type=Images?CKEditor=text&CKEditorFuncNum=2&langCode=en
Invalid data returned (check console)

Alfonso Martínez de Lizarrondo said...


Hi Ahmed Dahir

I guess that if you check the response in the console you'll find that it's the 404 error page configured in your server.

I'm guessing that you have configured the fileBrowserUploadUrl to "assets/js/ckeditor/upload.php&type=Images" instead of starting the query parameters with a ? like this:
"assets/js/ckeditor/upload.php?type=Images"

Ahmed Dahir said...

Thank you it worked

Ahmed Dahir said...

Hi alfonso

how can i change from this way img height="640" src=""> to this way img src="" height="640">

Alfonso Martínez de Lizarrondo said...

Sorry for the late reply, the mail was buried in a huge pile.

Unfortunately it's CKEditor the one that rearranges the attributes, and I think that it isn't easy to change it.

Tamrael said...

Hi Alfonso

we are using your plugin in production mode and recently stumbled up on a small bug.
If a user only adds an image to ckeditor via simpleuploads the ckeditor gets no change event and the value of the text-field will never be updated because you only trigger "updateSnapshot" instead of "change" event. Please use "change" as event to fire, it will update the snapshot all the same but will also mark the editor as changed and update the text-field accordingly.

Thx in advance

Alfonso Martínez de Lizarrondo said...

Hi Tamrael

Which version of CKEditor and SimpleUploads are you using?

I've tested right now on my machine with Chrome, Edge and Firefox and in all the cases the Change event is fired when dropping an image or using the toolbar button to select one.

Gaffar Salkım said...

Hi Alfonso.

We want to buy the full version of this plugin. But we will have some questions


The modified files should not be installed on the server. Does the plugin provide this ?
Other hand can we set allowed file size range ?

Alfonso Martínez de Lizarrondo said...

Hi Gaffar

I don't understand what do you mean about not saving changed files to the server. When a file is uploaded it's saved on your server, and that's handled by the upload script that you're using (remember that this is a plugin that enhances the CKEditor uploads, so you must have your editor already configured in this regard)

And you can restrict file size as explained here: https://alfonsoml.blogspot.com.es/2013/12/validation-of-files-with-simpleuploads.html

Maxim Rybkov said...

Hello Alfonso,

After upgrade to CK Editor 4.9 we start receiving errors: 'Incorrect Service Response'

It is said that response should be in json format, but plug in does not accept json.

What is the workaround?

Thank you,
Maxim

Maxim Rybkov said...

Just to add to the previous comment:

https://docs.ckeditor.com/ckeditor4/latest/guide/dev_errors.html#filetools-response-error

Alfonso Martínez de Lizarrondo said...

Hi Maxim

My plugin doesn't require the upload plugins provided by CKEditor, so you can safely remove/disable filetools and whatever any other additional plugin they might have added for file uploads.

Maxim Rybkov said...

Alfonso,

I had to disable uploadimage and filetools plugins to make it work.

Are you going to fix your plugin to be compatible with new requirements?

Maxim

Alfonso Martínez de Lizarrondo said...

Hi Maxim

There's nothing to fix as far as I know. They have added new plugins that overlap with the functionality of my plugin, the fix would be to either disable my plugin if the other ones are running or try to hack and find a way to disable them from my code.

If you just disable those plugins then you'll be able to keep using mine as usual with all its features

Maxim Rybkov said...

I wish I could, or I am doing something wrong.

I started receiving errors like: 'editor-plugin-required' ('filetools') once I upload some images.

Alfonso Martínez de Lizarrondo said...

I've tried right now to use CKEditor 4.9.2, standard build with nothing added. I just simply added the simpleupload plugin and in the configuration I added the minimum configuration required

config.filebrowserUploadUrl = '/uploader/upload.php?type=Files';
config.extraPlugins = 'simpleuploads';

Then I've tried to paste an image, use the image dialog, the new toolbar button, all of them worked fine, I got no errors.

Did you add any other additional plugin?
How are you trying to upload the file?


Maxim Rybkov said...

We use Full Version

The problem is in the response.
After file successfully uploaded to the server, we need to send response back

We do send ("2", "ulr"), where url - is the url of the image.
This format is OK for simpleupload plugin (line 1776)

---
var parts = xhr.responseText.match(/\((?:"|')?\d+(?:"|')?,\s*("|')(.*?[^\\]?)\1(?:,\s*(.*?))?\s*\)\s*;?/),
---

but then filetools return an error - that it is not json

Maxim Rybkov said...

Also it is only for filebrowserImageUploadUrl when we use Ctrl+V

Alfonso Martínez de Lizarrondo said...

I'm sorry, but I've tried with the full version and it still works fine for me. I don't have any error from the filetools, so I don't know what's your setup in order to reproduce the error.

Can you send me a URL to test it? (of course, it would be much better to talk about these issues by mail instead of using the comments)

Gustavo de León said...

Hi Alfonso:

I have purchased the simpleupload plugin and copied the files to the pluging folder under ckeditor.
I also added the config.extraPlugins='simpleuploads'; line to the config.js file.

How can I check if CKeditor is loading the plugin?

Mi goal is to enable copy and paste images from clipboard in Chrome.

I use Genexus as the developer tool, so I don't directly use C# o Javascript.

Thank you,

Gustavo

Alfonso Martínez de Lizarrondo said...

Hello Gustavo
The best and simplest way to verify that the plugin is loaded is to open the dev tools of the browser and look for it in the Network tab.

Also it should appear under the sources for debugging if the page has already been loaded.

If the files are merged in a single file by CKBuilder you can inspect the plugins.simpleuploads object of the editor instance:
CKEDITOR.instances.editor1.plugins.simpleuploads

I hope that this helps you, send me an email if you need further details.

Carlo Schoep said...

Ho Alfonso,

I downloaded the newest version yesterday (simpleuploads4.5.3). It works in chrome when I paste content of a MS word file. But if the images are in a table partly, the upload does not work. I could also reproduce this at your site with this MS Word document. Can I Email you the MS Word file?

Thank you in advance.

Alfonso Martínez de Lizarrondo said...

Hi Carlo
When you copy content from Word, if it's only a single image then it might work as expected, but if there is text and images, then the clipboard content is in other format that this plugin can't handle.

This plugin http://www.pluginsforckeditor.com/Image-Plugins/67/ImagesFromWord-Introduction/en/n67.aspx tries to detect all those images and allows the upload of them.

Youngsik Jeong said...

Hi
I have simpleuploads 4.5.1
didn't received info upgrade version 4.5.3
can you send to my email?

GaneshYAI said...

Get the Best Bulk Product Upload Services From Us With the drastic facelift that the retail sector has seen in the recent past, the internet gas become the hub for most of the small, medium as well as large scale businesses that are involved in the same.The ecommerce has seen a monumental growth prospective over the last couple of years and the trend is expected to remain the same for the foreseeable future as well. In this regard, what concerns the businesses and the online retail outlet is the data entry aspect. Tech data entry India provides a number of products and services to cater to the Amazon Bulk Product Listing Services.

Ripika said...

Hi Alfonso,

I am trying to purchase the plugin. But everytime it got cancelled.
It's throwing the same error:
"Things don't appear to be working at the moment. Please try again later."

Alfonso Martínez de Lizarrondo said...

Hi Ripika

I'm sorry for that problem, I guess that the payment gateway was doing some maintenance. I see that you've already purchased the plugin so it's solved now.

If you have any other issue write again or send me an email.

Regards and thank you for your confidence in my plugin.

Steven Price said...

Hi does this work on CkEditor 4.10.1?

Alfonso Martínez de Lizarrondo said...

Yes, but you must disable a plugin that they include by default now to promote their cloud hosting

Steven Price said...

Thanks I just made a payment, look forward to finally getting images to paste into CKEditor. I have been trying to get it to work all evening :( some browsers work but some don't ...

«Oldest ‹Older   201 – 291 of 291   Newer› Newest»