I finally solved an old problem that has been buggin me, I have modified the Xinha editor’s image manager to insert class=”imgleft” or class=”imgright” into the img tag instead of the old, depreciated align=”right” or align=”left”.
Etomite 1.1 Xinha ImageManager plugin modification:
This modification makes ImageManage use valid css for alignment.
Also removes padding, border, and other depreciated controls from ImageManager popup.
Also contains the “What you see is what you mean” CSS that makes xinha show you the block-level elements, as well as the proper image floating CSS that updates the image position right in the editor.
This mod only includes the files needed for the update and assumes you aleready have Etomite 1.1 or greater and are using the latest release of Xinha for Etomite.
Download file:
xinha_valid_image_align.zip
To install:
Extract contents of zip file into /manager/media/xinha
To activate:
- Assuming xinha is already enabled, enable “Stylist” in the main Etomite configuration’s “Interface & editor settings” tab, and change the stylist css file to /manager/media/xinha/xinha.css
- Save the Etomite config.
- Next, go back into the Etomite config and turn off stylist. (You need to do this because you don’t want the actual stylist “addon” as it’s worthless, you just want to tell xinha to use the css file in it’s display.)
- Save the Etomite config again.
- In your website’s main CSS, you’ll need to add a couple of styles, here’s what I use and recommend:
img.imgright{float: right; clear: both; margin:0 0 .5em .5em}
img.imgleft{float: left; clear: both; margin:0 .5em .5em 0}
etomite xinha editor imagemanager css xhtml valid modification
