HTML Editor speichert vertical align nicht

[Axel K.]

Ahoi,

wenn ich im HTML Editor ein Bild vertikal mittig ausrichte wird im Code ein vertical align = middle eingefügt. Nach dem Speichern und erneutem öffnen des Templates sind korrekte Ausrichtung und Code Ausdruck verschwunden.

Gibt es einen Grund, warum der Code nicht gespeichert wird? Ist da was fehlerhaft? Gibt es ggf. einen Workaround um ein Bild (14x14px) an einen 14px Text mittig auszurichten?

Danke und Gruß

Axel

 

[JanJäschke]

Guten Morgen Axel,

das ist definitiv ein Fehlerhaftes Verhalten.
Ich kläre mal ob wir das fixen können =)

Derweil kannst du dir mit einer HTML ANpassung behelfen:
<p style="text-align:center"><img src="https://nsp-ws-2019.jaj.test:6061/odata/v4/DisclaimerImages(1)/Netatwork.NoSpamproxy.Image()"></p>

Im p-Tag des Bildes einfach ein style Attribut nutzen.


Beste Grüße,
Jan

 

[Axel K.]

Moin Jan,

sorry, ich meinte vertikal mittig ausrichten. Das von dir genannte style Attribut regelt die ja die horizontale Ausrichtung. Ich benötige das Attribut für die vertikale Ausrichtung des Bildes. Interessant ist aber, aber das von dir beschriebene Style Attribut funktioniert und gespeichert wird.

Wenn ich im Code im img-Tag ein style="vertical-align: middle" einfüge und das vorhandene leere style-Attribut im img-Tag lösche, für das in der Vorschau zum Erfolg.

Nach dem Speichern ist mein style - Attribut verschwunden und wieder ein leeres Attribut im Code.

Hier nochmal der Code vor und nach dem speichern.

Code nachdem ich die Bilder im Editor ausgerichtet habe:

<p><img src="https://xx.xx.xx.xx:xxxx/odata/v4/DisclaimerImages(18)/Netatwork.NoSpamproxy.Image()" style="vertical-align: middle;">&nbsp;<a href="http:// http:=" fb.me="" xxxx"="">fb.me/xxxx</a><br><img src="https://xx.xx.xx.xx:xxxx/odata/v4/DisclaimerImages(19)/Netatwork.NoSpamproxy.Image()" style="vertical-align: middle;">&nbsp;<a href="https://www.instagram.com/xxxx/">@xxxx</a></p>

Code nachdem ich gespeichert habe:

<p><img src="https://xx.xx.xx.xx:xxxx/odata/v4/DisclaimerImages(18)/Netatwork.NoSpamproxy.Image()" style="">&nbsp;<a href="http://fb.me/xxxx">fb.me/xxxx</a><br><img src="https://xx.xx.xx.xx:xxxx/odata/v4/DisclaimerImages(19)/Netatwork.NoSpamproxy.Image()" style="">&nbsp;<a href="https://www.instagram.com/xxxx/">@xxxx</a></p>

Vielleicht hilft das irgendwie. Ich probiere auch nochmal rum, bin aber nicht wirklich fit in Sachen Code. ;-)

Beste Grüße

Axel