Setting to force newline before and after an inserted image?

[Clover13]

I see this constantly on my sites and wind up going in and manually editing posts whenever I do see it.  Members just randomly insert images between text or at the end of a line of text and the formatting gets all wonky and disrupted.  Is there any way to set something in the software where I can force a return line before and after every image?

 

 

 

Example like this   Then they continue on here

or down here

Edited October 7, 2023 by Clover13

[teraßyte]

If you want to update all images regardless, you can add this CSS to your theme:

img.ipsImage.ipsImage_thumbnailed {
    display: block;
}

This will move all images to a new line, even ones left inline on purpose, though.

 

Instead, if you want the editor to add a new line before and after the image only when first inserting it, you'll need a custom modification since it requires altering how the javascript works.

[Clover13]

17 minutes ago, teraßyte said:

If you want to update all images regardless, you can add this CSS to your theme:

img.ipsImage.ipsImage_thumbnailed {
    display: block;
}

This will move all images to a new line, even ones left inline on purpose, though.

 

Instead, if you want the editor to add a new line before and after the image only when first inserting it, you'll need a custom modification since it requires altering how the javascript works.

The CSS did the trick, just added some top and bottom margin to give little better spacing between the image and additional text or images.  Thanks @teraßyte 👍