Wie soll ich den wysiwyg-Filter konfigurieren, um die Bilder auszurichten?

7

So sieht meine Konfiguration im wysiwyg-Filter aus (in Drupal7):

a[!href|target<_blank|title],
img[src|align<bottom?left?middle?right?top|alt|border|class|height|width|float],
div[align<center?justify?left?right],
p[align<center?justify?left?right],
br,span,em,strong,cite,code,blockquote,ul,ol,li,dl,dt,dd

Meine Konfiguration funktioniert jedoch nicht zum Ausrichten von Bildern.

Ich habe meinen Code überprüft und die Ausrichtung erfolgt mit dem Tag "style":

<img src="" alt="" style="float:right" />

Ich habe die folgende Konfiguration für das Image versucht, aber das funktioniert auch nicht:

img[src|align<bottom?left?middle?right?top|alt|border|class|height|width|float|**style**],

Hier ist ein weiterer Versuch, der nicht funktioniert hat:

@[style]

Und ich habe es auch so versucht:

img[*],

Ein weiterer Versuch ist das, was in dieser Alternative beschrieben wird: http://screencast.com/t/jUOwMxmpu

Was ist also die richtige Konfiguration für die Ausrichtung der Bilder? Was ist mein Fehler?

Cabita
quelle
2
Vielleicht haben Sie neben wysiwyg_filter noch Drupals Standardfilter "Zulässige HTML-Tags begrenzen" aktiviert? Dadurch werden alle angezeigten Inline-CSS-Stile herausgefiltert.
Arjan

Antworten:

1

Einige Benutzer vergessen, den integrierten HTML-Filter zu deaktivieren, wenn sie den WYSIWYG-Filter aktivieren. Wenn Sie doppelt filtern, verlieren Sie Ihre img-Attribute.

Ich für meinen Teil ziehe es jedoch vor, das nicht floatauf die zu setzen img; Stattdessen schwebe ich das Div, das das Bild und die Beschriftung umgibt, damit sie zusammen schweben können. (Beispielbild mit schwebender Beschriftung "Eine Schlacht ...": http://www.westkingdom.org/content/new-members ). Um den Inhaltseditoren eine gute Benutzererfahrung zu bieten, erlaube ich ihnen, Floats auf Bildern mit ckeditor festzulegen, aber ich verschiebe das Markup in einem Render-Hook auf das div, wenn der Inhalt angezeigt wird. In diesem Szenario muss ich überhaupt keine Floats auf dem Bild zulassen.

Ich habe eine Beschreibung, wie ich mit Untertiteln mithilfe von Media 2.0, Wysiwyg-Filter und einigen anderen Modulen sowie einigen benutzerdefinierten Hooks reaktionsschnelle Bilder erzielt habe .

greg_1_anderson
quelle
0

Sie müssen das Stilattribut auf Ihrem Bild-Tag auf die Whitelist setzen img[!src|style]und dann auch die Stileigenschaften auf die Whitelist setzen, die verwendet werden können. Sie sollten eine Gruppe von Kontrollkästchen "Layout-Eigenschaften" sehen. Aktivieren Sie das Kontrollkästchen "float".

rocketeerbkw
quelle
Ich habe versucht, mit Ihren Vorschlägen zu konfigurieren: screencast.com/t/WCupjASwmy44 und screencast.com/t/74iOevHtL9f und nichts. Danke für Ihre Hilfe und danke für Ihre Antwort.
Cabita
Hast du deinen Cache geleert? Ich habe gerade die Konfiguration bei einer Neuinstallation getestet und es funktioniert.
Rocketeerbkw
Ich habe den Cache geleert und nichts. Die Bilder im Editor sind nicht ausgerichtet.
Cabita