I have a client requesting an easy way to create captions for images on our site, which uses CKEditor. I know that version 4.3 has a plugin (called image2) that has a really easy integration of captions for images. I upgraded CKEditor in my libraries folder and tried to enable the image2 plugin in sites/all/modules/ckeditor/ckeditor.config.js, but it doesn't seem to work. I may just be doing something stupid, so sorry if that's the case, but otherwise I'd really like to be able to use the image2 plugin! Thanks!

Comments

Seb_CKSource’s picture

Adding config.extraPlugins = 'image2'; to your config.js file should be enough. If you're using Chrome, try clearing your cache through your Chrome settings (not just F5).

micbar’s picture

@seb_cksource
I added config.extraPlugins = 'image2' to the advanced js settings and downloaded the image2 plugin.
This didn't work. A js error shows up in the console. Seems that the editor tries to load an file called 'plugin.js' within the image2 folder but there is none.

Are there any additional steps necessary to get ckeditor 4.3 and image2 plugin working?

jarrodirwin’s picture

I'm also having issues with the Enhanced Image (image2) widget.

I have built a new CKEditor bundle which includes this widget (from their website) and replaced the existing one in my libraries directory. This also added all required dependencies for the widget.

When I click the image button in the editor it comes up with the standard image(1) popup box. If I add an image, save the node then go back into the edit form and double click on the image it opens in the correct image2 popup. Selecting the image inside the editor and clicking on the image button opens up the standard popup again.

I have tried defining image2 as extra plugins and removing image as specified above and at http://ckeditor.com/ckeditor_4.3_beta/samples/plugins/image2/image2.html to no avail.

There must be some setting i'm missing to get the image button to trigger the correct popup...

jarrodirwin’s picture

Ok scratch that. 4.3.1 has just been released (must have been as I was tying...) which fixes my problem. http://ckeditor.com/release/CKEditor-4.3.1

Everything workings great now. All I did was build my editor bundle on their website (including enhanced image), replaced my current version and that was it. No extra js config setting is needed anymore.

micbar’s picture

i can confirm that a custom ckeditor 4.3.1 build with enhanced image works fine without further configuration.

jcisio’s picture

Issue summary: View changes
Status: Active » Closed (works as designed)

Close then.

jwilson3’s picture

I've created an add-on module to improve the Enhanced Image (image2 plugin) integration. Supports CKEditor library added via either WYSIWYG Api or the CKEditor module.

It improves the out-of-the-box experience you get when using a custom build that includes the image2 plugin, by configuring class-based alignment, instead of inline CSS on the <img> tag's style attribute and providing better responsive resizing support.

Have a look, feedback welcome.

https://www.drupal.org/sandbox/jwilson3/2454995

Veeramani’s picture

I am using CKEDITOR 4.5.5 And add plugin Image2 and Image browser it is not working while click browser and then click the image .
If i remove Image2 it is working fine . Please give the solution very urgent..

Thanks
Veera.