Big Add-ons Pack → Easy Image Preview Upload
Insert image previews linked to original image very simple with this plugin. Like Quick Image Preview Upload plugin it can insert images into your document but does it faster.
You will only press the button on CKEditor's toolbar and select files in open dialog (multiple files select is still available), and they are being uploaded to the server.
The server side script will create small previews of configured site for them, and they will be inserted.Key features
- Very simple and fast
- Multiple images upload is supported
- Configurable allowed file types
- Image and its preivew may be resized for your needs
- Ability to wrap images in a gallery
By default this preview will has a link to original image and automatically integrates with AJAX gallery scripts like LightBox or FancyBox, but you can change the template as you want. To know more about integration (and other plugin's options) with gallery scripts read customization aticle.
Also if you would like to format all inserted images with wrapping them with some HTML code, you have this feature to. So maybe you want to show the uploaded images like a gallery (with grid), you will be able to do it.
See YouTube Demo Video: http://www.youtube.com/watch?v=_hgj5j63_e0
The recommended way to install all CKEditor add-ons is to create a custom build by using Online builder. To do that, click the Add to my editor button on the plugin page. When you are done, click the Build my editor button on the right side of the page to go to Online builder.
Note: This add-on is already selected to be a part of your current build.
Add-on installation instructions
If you want to add the plugin manually, you will need to:
- Extract the downloaded plugin
pluginsfolder of your CKEditor installation. Example:
- Enable the plugin by using the
extraPluginsconfiguration setting. Example:
config.extraPlugins = 'ckeditor-instant-image-preview';
- Download and configure all its dependencies, too.
No additional dependencies.
Note: The plugin may have additional requirements. Check the add-on page and documentation for more details.