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?
Antworten:
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
float
auf die zu setzenimg
; 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 .
quelle
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".quelle