Skip to Content
How to insert Image in CKEditor 4
php code / September 25, 2021


CKEditor includes a number of plugins that extend the capabilities of the WYSIWYG HTML editor. One of the most useful plugins for inserting photos into editor content is the Image plugin. The Image plugin is included by default in the Standard and Full packages. You can use the image function to add and adjust images in the editor (alignment, border, link, etc.).

When introducing a picture into the editor text, the URL is usually required. CKEditor extensions can be used to extend the functionality of the Image plugin. The Enhanced Image plugin is quite handy for adding captioned images to CKEditor. It enables the editor content to include an image with a caption. In this article, we’ll teach you how to use the Enhanced Picture plugin in CKEditor to insert an image with a caption.

Add CKEditor to the webpage’s textarea before starting to improve the editor. After that, add the Enhanced Image plugin to the CKEditor and use it to insert the captioned image.

Installation of the Enhanced Image Add-on

The Enhanced Image plugin can be downloaded here.
Extract the plugin archive and store it in your CKEditor installation’s plugins folder.


To enable the plugin, use the extraPlugins configuration parameter. Add the following code to the ckeditor/config.js file.

config.extraPlugins = ‘image2’;

Please note that our source code includes all essential files. The plugin files do not need to be downloaded separately.

Textarea using CKEditor
To add CKEditor to a webpage, create a textarea element.

<textarea name="editor" id="editor" rows="10" cols="80"></textarea>/* Your code... */

Include the CKEditor plugin’s library file.

<script src="ckeditor/ckeditor.js"></script>/* Your code... */

CKEDITOR is used to start the CKEditor. Replace the textarea element with CKEditor using the replace()


Use CKEditor to add a captioned image.

A popup will show once you click the insert image icon in the toolbox. Captioned picture option will be available at the bottom of the image dialogue. To insert a captioned image, make sure this box is checked.

The Captioned image option in the CKEditor inserts an image with a caption. In the editor content, you can also add custom captions underneath the photographs.



Great blog! I am loving it!! Will come back again. I am bookmarking your feeds also.

My brother recommended I may like this blog. He was once entirely right. This put up truly made my day. You can not consider simply how much time I had spent for this information! Thanks!

An interesting dialogue is price comment. I think that you must write more on this topic, it might not be a taboo topic but usually people are not sufficient to talk on such topics. To the next. Cheers

find here says:

you have a great blog here! would you like to make some invite posts on my blog?

This web site is my intake, really great design and style and perfect subject matter.

Do you mind if I quote a few of your posts as long as I provide credit and sources back to your site? My blog site is in the exact same area of interest as yours and my users would truly benefit from a lot of the information you present here. Please let me know if this alright with you. Cheers!

With havin so much content and articles do you ever run into any issues of plagorism or copyright violation? My site has a lot of exclusive content I’ve either written myself or outsourced but it looks like a lot of it is popping it up all over the web without my authorization. Do you know any techniques to help reduce content from being ripped off? I’d really appreciate it.

When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get three emails with the same comment. Is there any way you can remove people from that service? Appreciate it!

You made some decent points there. I did a search on the topic and found most persons will go along with with your website.

It’s actually a great and useful piece of info. I am happy that you just shared this helpful info with us. Please keep us up to date like this. Thank you for sharing.

I just could not depart your web site prior to suggesting that I extremely enjoyed the standard info a person provide for your visitors? Is going to be back often to check up on new posts

Leave a Reply

Your email address will not be published.

PHPCODE © 2023