you will need to edit jsparty/tiny_mce_improvements.js

between line 528 and 547.

This was the first thing I noticed when trying out SilverStripe and it nearly drove me nuts, not being able to center an image... I can edit the HTML easily but no editor I know could. I modified the code in the place pinkdigital mentioned so that the div is only inserted if a caption is actually written. If there's no caption just the img tag gets inserted. Here it is:

/**
    * Insert an image with the given attributes
    */
    ssInsertImage: function(ed, attributes, cssClass, withCaption) {
       el = ed.selection.getNode();

      var imageContainerClass = withCaption ? 'captionImage' : 'image';

      var imgOnly = '<img id="__mce_tmp" />';
      
      var imgDivv = '<div style="width: ' + attributes.width + '" class="' + imageContainerClass + ' ' + cssClass + '"><img id="__mce_tmp" />';
      
      var captDiv = '<div style="width: ' + attributes.width + '" class="caption">' + attributes.title + '</div>';

      if(withCaption && attributes.title != "") {
         html = imgDivv + captDiv;
         html += "</div>";
      }
      else{
         html = imgOnly;
      }

It is still not perfect as a captioned image can still not be positioned away fron left-aligned but it's a start. One would probably only have to to add a surrounding div that's set to 100%. I'll give it a try later and see if that works.

Regards.

Hi!

Did you get it working that you could insert an image without the surrounding paragraph-tag?
I have the same problem as well and could not find it in the tiny_mce_improvements.js.

Toni

I don't get the problem why a image should not get wrapped in a paragraph...
If you need to insert an image which is non-floating then you need proper padding/margin to not mess with typography and text layout. The paragraph tag will do this for you since every text block is/should be wrapped in a paragraph.
On the other hand if you need an floating image then you should insert the image directly in the paragraph where the image can float around the text.

However, you can disable the automatic paragraph via HTMLEditorConfig but this is simply nonsense and imho bad style of coding.