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.

296 comments:

«Oldest   ‹Older   201 – 296 of 296
Alfonso 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

Seb 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 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!

Unknown 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 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 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 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 .

Unknown 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 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.

Unknown 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 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 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

Unknown said...

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

Alfonso 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

Unknown 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 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?

Unknown 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).

Unknown 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 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 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 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.

Unknown 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 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 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

steve@aprilsteve.com 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 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.

Unknown said...

is looks promising - does it work with redmine? thx

Unknown said...
This comment has been removed by the author.
Alfonso 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 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 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 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?

Alfonso 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.

Alfonso 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.

Alfonso 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 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 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 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 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.

Alfonso 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"

Alfonso 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 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 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

Unknown 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

Unknown said...

Just to add to the previous comment:

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

Alfonso 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.

Unknown 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 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

Unknown 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 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?


Unknown 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

Unknown said...

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

Alfonso 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)

Unknown 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 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.

Unknown 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 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.

Unknown said...

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

Unknown 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 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.

Unknown said...

Hi does this work on CkEditor 4.10.1?

Alfonso said...

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

Unknown 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 ...

Jiwan said...

Its possible to insert image caption ?

Alfonso said...

@Jiwan
This plugin doesn't add extra UI (only two optional buttons), so you can use the Image2 plugin to enable captions for images, and then after the image is inserted you can add whatever caption you want.

Jiwan said...

If I purchase OEM License then I able to use in multiple domains which I create for my clients ?

Jiwan said...

Its not working via Roxy File Man.

We are getting :
========
Error posting the file to

egsite.com/roxyFileman/index.php??type=image&integration=ckeditor&CKEditor=contents&CKEditorFuncNum=2&langCode=en

Invalid data returned (check console)

========

we have configured follow way :

~~~~

var config = {
customConfig: '',
height: 700,
// Add the required plugin
extraPlugins: 'simpleuploads',
// Required config to tell CKEditor what's the script that will process uploads
filebrowserBrowseUrl: 'roxyFileman/index.php?integration=ckeditor&ck_by=nepallive',
filebrowserImageBrowseUrl: 'roxyFileman/index.php?integration=ckeditor&ck_by=nepallive',
filebrowserUploadUrl: 'roxyFileman/index.php??type=image&integration=ckeditor&ck_by=nepallive',

// Define the file extensions (whitelist) that are allowed to upload.
// This is a client side check. You must do the same validation on your server.
// By default CKEditor doesn't implement this kind of check, so users can waste time and bandwith uploading files only to get an error message later
// So setting this correctly can help your users greatly
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'
};


Unknown said...

CKEDITOR.dialog.prototype.showThrobber causes memory leak through the closure context because it is inside the init thus holds a reference to the editor instance (quite big memory leak when using multiple editor instances in an SPA). Moving that part one level up where for example the escapeHTML helper function is present seems to fix it so we are going to use that approach for a quick-fix but as we are not familiar with the core code this might not be a long term solution.

Alfonso said...

Thank you for reporting the problem.

Putting that on init was wrong, I've moved it to the onLoad event of the plugin so it's executed only once as your suggestion and also in this way I await to the dialog plugin is ready.

I'll do so final checks and start sending the update to everyone

Unknown said...

is this going to work with https://github.com/django-ckeditor/django-ckeditor ? I want to buy a single license but I want to be sure about it.

Alfonso said...

I think that it should work, but I don't know that code. It would be better if you can send me an email with a demo of that setup.

Unknown said...

Is this product is still active and will I get support after purchase ?

Guillaume ROTH said...

Hi Alfonso,

Is it possible to provide a redmine ckeditor plugin integration of your plugin ?
https://github.com/a-ono/redmine_ckeditor

Maybe you can produce a license plugin for redmine, sure you will have customers :)

This is very nice stuff, but i'm not so good in JS to integrate it properly i think...
Thanks for your help !
G.

Unknown said...

Please. I don't view upload.php demo into basic license.
Is possible know params to return valid or fail upload into PHP.

thanks

링크모음 said...

I set up simpleuploads plug-in but it doesn't appear in the editor.

This is my config.js. Is there anything else that needs to be installed first?

config.toolbar = [
{ name: '1', items: [ 'FontSize', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'Bold', 'Italic', 'Underline', 'Strike' ] },
{ name: '2', items: [ 'Table', 'TextColor', 'BGColor', 'NumberedList', 'BulletedList', 'Blockquote', '-', 'Link', 'Image', 'Simpleuploads', 'Imgur', '-', 'Source','-', 'Maximize' ] },
];

config.uiColor = '#F2F2F2';

// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'basicstyles' },
{ name: 'links' },
{ name: 'blocks' },
{ name: 'insert' },
{ name: 'align' },
{ name: 'cleanup' },
{ name: 'codesnippet' },
'/',
{ name: 'paragraph', groups: [ 'list' ] },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'tools' },
{ name: 'about' }
];

// Whether the toolbar can be collapsed by the user.
//config.toolbarCanCollapse = true;
//config.toolbarStartupExpanded = true;
// Remove some buttons provided by the standard plugins, which are
// not needed in the Standard(s) toolbar.
config.removeButtons = 'PasteText,PasteFromWord,Cut,Copy,Paste,Undo,Redo,Anchor,Blockquote,HorizontalRule,Format,Font';

// Set the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';

// Simplify the dialog windows.
config.removeDialogTabs = 'image:advanced;link:advanced;link:upload';

// Set the file uploader
config.filebrowserUploadUrl = g5_editor_url+"/upload.php?type=Images";

// Set Editor default Height
config.height = 250;

// CKEDITOR PLUGINS LOADING
//config.extraPlugins = 'pbckcode'; // add other plugins here (comma separated)
config.extraPlugins = 'imgur,sourcearea,maximize,simpleuploads';

프리넥스 said...
This comment has been removed by a blog administrator.
링크모음 said...

If I upload an image with a simple upload, the original width and height of the image are applied, so is there a way to force 800px fix the width?

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