WordPress: Wrap images in DIV.

WordPress: Wrap images in DIV.php

//  =======================
//  = WRAP IMAGES IN DIVS =
//  =======================

function wrapImagesInDiv($content) {
   $pattern = '/(<img[^>]*class=\"([^>]*?)\"[^>]*>)/i';
   $replacement = '<div class="image-container $2">$1</div>';
   $content = preg_replace($pattern, $replacement, $content);
   return $content;
}
add_filter('the_content', 'wrapImagesInDiv');

Slight issue, if you use a caption, the caption text ends up outside of the div. I would also use the figure element, thats what WP uses if an image has a caption.

@andri +1

What about the images outside of the post? Like images on the layout?

Thank you for this. Is there any possibility you would consider updating this to work with Gutenberg?