Since Firefox 4.0, when the user pastes an image from the clipboard on CKEditor it's automatically inserted as a data: URI, that means several things:
It allows other people to see the image (previously it inserted a link to a local file that only worked for that user). This is good.
But there are at least two drawbacks: The image data is inserted into the body, that means a huge increase in size and every reload of the page doesn't use a cached version of the image. Also, old versions of some browser that we should not name aren't able to understand data: url.
This plugin solves those problems: when such an image is pasted it's saved as a new file at the server and that url is used instead of the huge data:
License
Licensed under the terms of any of the following licenses at your choice: GPL, LGPL and MPL.
Download
ImagePaste version 1.1:
download link
Changes: The 1.1 version is compatible with CKEditor 4. I didn't realize that the 1.0 was compatible only with the CKEditor 3.x paste system.
Installation
1. Extract the contents of the file into the "plugins" folder of CKEditor.
2. In the CKEditor configuration file (config.js) add the following code:
config.extraPlugins = 'imagepaste';
3. Set an upload Url for images (just like you might have already done for uploads in the image dialog)
All the details and options are explained in the included install.html.
Updated version
I improved the basic plugin including the detection of pasted images in Chrome as well as dropped files in most modern browsers, simple toolbar buttons to upload images and files with just one click, etc...
This version is not open source, so you must get a license to use it. You can test it to verify that your browser is correctly supported.
Re: ImagePaste plugin for Firefox
by that you create the longest URLs ever ;=)
unfortunately your installation description is not clear enough.
???? please explain that your plugin depends on the filebrowser-plugin and how to configure that.
As you add a "doc", it might not be too difficult for you to extend this info ;=)
Re: ImagePaste plugin for Firefox
Re: ImagePaste plugin for Firefox
you have always to count with non-experienced users, so it could be helpful to list some basic requirements
innocent newbies like me did expect that your plugin includes the uploading functionality
I am sorry that I am not so experienced
Re: ImagePaste plugin for Firefox
Integrated with whatever user authentication system you might have.
Just because you want to setup pasting & automatic upload of files before allowing to upload files in the normal way???
Any new user of anything should always start with the basic product, if he tries to add plugins and special customizations before understanding the basic is doomed to fail and we can't help you.
Re: ImagePaste plugin for Firefox
Re: ImagePaste plugin for Firefox
If you only have a "browse" option then I just can't know where should I POST the file.
Re: ImagePaste plugin for Firefox
Re: ImagePaste plugin for Firefox
I have published a non-open source version that adds drag&drop image uploads. You can get it as described in this post, but the very first step is to have this simpler version working.
If you're unable to add the plugin to your setup or you don't know how to configure the file uploads then the plugin won't work.
Re: ImagePaste plugin for Firefox
You can use CKFinder or your own uploader, in this post I explained the main points (that should be enough as long as you know how to code in PHP), and of course, you can always read more.
Re: ImagePaste plugin for Firefox
Re: ImagePaste plugin for Firefox
Re: ImagePaste plugin for Firefox
Is this a trick question?
Have you checked the post that is just above yours?
And no, sorry, I don't have a Yahoo ID.
The free plugin not working for me
The public version plugin is not working for me. i have added ckfinder as a file uploader and it works perfectly fine when i upload files/images using the uploader. The drag&drop or ctrl+c & ctrl+v not working. There is an urgent requirement of this feature in my project and would like to buy one if it works perfectly fine. Below is my code
CKEDITOR.replace('editor',
{
filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?type=Images',
filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?type=Flash',
filebrowserUploadUrl: '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',
filebrowserImageUploadUrl: '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl: '/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'
});
}
In Config.js
CKEDITOR.editorConfig = function( config ) {
config.extraPlugins = 'imagepaste';
};
can you tell me what am i doing wrong here.
Thanks!!
What happens when you paste
What happens when you paste an image?
Do you get any error?
Is the file uploaded to the server, but then it fails to get inserted into the content?