CSS auf IMG Anwenden

Unter Umbraco können Styles im TinyMCE via CSS Styles konfiguriert werden. Leider wird für jede CSS Klasse dabei ein "SPAN" Tag um das eigentliche Element erzeugt. Für Responsive Images ist dies nicht brauchbar. Es gibt aber die Möglichkeit, eigene Style Rules zu definieren.

Dazu müssen die Styles jedoch in der Konfiguration des TinyMCE Editors hinterlegt werden.

Um Bilder eine CSS Klasse via Styles verpassen zu können muss in der Datei "tinyMCEConfig.Config" im Config Ordner unter CustomConfig folgender Eintrag hinzugefügt werden.

<config key="style_formats">[{"title": "Responsive Image", "selector": "img", "classes": "img-responsive" }]</config>

Mit dieser Methode können einfach auch andere Code Strukturen durch TinyMCE erzeugt werden.