WEBcoast Logo

CKEditor 4: Style set mit mehreren Klassen wird nicht angezeigt

Kürzlich stieß ich auf ein Problem, als ich ein Style set zum Editor hinzufügen wollte, dass mehrere Klassen zu mein Element hinzufügt. In meinem Fall ging es um einen Link (Button), der die Klassen button button--primary button--big bekommen sollte. Doch jedes mal wenn ich button--big, zu den Klassen hinzufügte, wurde das Style set nicht mehr angezeigt.

Nach dem ich den CKEditor-Code untersucht hatte, war mir klar warum. Beim Rendering der Liste von Style sets werden die Klassen separiert, sortiert und danach wieder zusammen gefügt. Das Ergebnis wird dann mit der ursprünglichen Liste an Klassen verglichen. Wenn diese nicht identisch sind, wird das Style set nicht angezeigt.

Die Lösung ist also recht einfach. Man muss die Klassen in alphabetisch korrekter Reihenfolge angeeben. In meinem Fall button button--big button--primary.