TinyMCE und Bilder eine CSS Klasse zuweisen

[ps]

Hallo zusammen,


Ich habe ein kleines Problem mit TinyMCE und dem Zuweisen einer CSS Klasse zu einem Bild.

Ich möchte gerne dem Redaktor ermöglichen, mittels CSS die Positionierung des Bildes (floatleft, floatright, center) zu bestimmen. Dazu habe ich im TinyMCE CSS StyleSheet die 3 Klassen definiert und sie werden auch im DropDown Menu Stile angezeigt. Der Redaktor lädt nun ein Bild mit dem Bild Icon und fügt es ein. Danach selektiert er das Bild und weist dem Bild eine Klasse zu. TinyMCE fügt aber ein

Code: Alles auswählen

<span class="floatleft"><img src="upload/images/bild.jpg" alt="text"></span>

Ich hätte aber gerne, dass die Klasse direkt dem Bild zugwiesen wird, also folgendermassen:

Code: Alles auswählen

<img src="upload/images/bild.jpg" class="floatleft" alt="text">

Im TinyMCE schaffe ich dies allerdings nicht. Kann mir jemand einen Tipp geben, wie ich dies tun kann (ohne im HTML-Source Code die Klasse zu spezifizieren)? Bei den Tabelleneinstellungen ist es ja möglich, eine Klasse für die Tabelle anzugeben, kann dies auch beim Bild gemacht werden? Vielen Dank für eure Tipps und Tricks.

[emergence]

wie wurde das bild markiert ?

wenn ich das bild anklicke und dann ein style auswähle -> krieg ich da was du haben möchtest...

geht mit ie + firefox

[ps]

Hallo emergence,

Vielen Dank für deine Antwort. Ich wähle das Bild im Editor an (anklicken) und wähle dann den Stil aus dem Stile-Menu. Allerdings habe ich auf der besagten Contenido Installation noch 4.6.8 am Laufen. Hat das evt. damit was zu tun? Ich benutze FireFox 2.0.0.2. Ich aktualisiere mal den FireFox auf 2.0.0.3, vielleicht hilft das was.

[Dodger77]

Ansonsten lässt sich das Verhalten doch sehr leicht per CSS ausbügeln:

Code: Alles auswählen

img.floatleft, .floatleft img {
  float: left;
}