I've just started looking at using Drupal for a site that I run. It's currently all HTML hand-crafted (by me) but I would like to allow authenticated individuals to edit page content. There are quite a lot of inline images in the existing pages and I was rather shocked that Drupal doesn't seem to have a way to handle that in its core.

I discovered the Insert module and that seems to provide the basic functionality but I can't see how to allow users to control image positioning properties such as floating left/right and text flow around the images. How is this sort of thing best achieved with Drupal?

Comments

rwilson0429’s picture

Image positioning is usually managed by css files and/or in the theme (depending on the theme you are using). Allowing regular end-user control the css positioning properties is risky. However, there are lots of ways to do almost anything in drupal. I'm assuming that your end-users will be using a WYSIWYG editor that is configured to allow users the ability to insert images in a textarea. For allowing users to control positioning of images, I would suggest you take a look at the autofloat module. It is compatible with the Insert module that you are already using. There is also the Float Filter module. Both of these modules position images in the textarea based on class assignments.

Another approach to allowing end-users to control the positioning of images is to setup your own class rules in your sub-theme's css file and allow the end-user to assign pre-defined classes to the images when inserting them into a WYSIWYG text area using a div or span.

Everything that I've mentioned so far has to do with floating images left/right. As far as " text flow around the images", not sure how doable that is without some fancy css.

ReggieW