Stilauswahl im SilverStripe Editor

silverstripe editor be04022011

In diesem Artikel beschreibe ich, wie man Autoren die den SilverStripe Editor nutzen, Stylesheets zur Verfügung stellen kann falls diese fehlen sollten.

Der SilverStripe Editor besitzt ein praktisches Auswahlfeld, bei dem ein Website Autor ganz einfach die Stile zur Textformatierung auswählen kann. Wenn man  nun ein eigenes Theme für SilverStripe entwickelt hat, oder eines der zahlreichen Community-Themes benutzt, kann es passieren das dieses Feld leider kläglich leer bleibt:

Tinymce editor ohne stylesheetsHier kann man keine Stilauswahl treffen

Es fehlt eine einfache CSS Datei namens editor.css. Diese muß nur im Verzeichnis themes/<MyThemeName>/css vorliegen und wird automatisch vom SilverStripe Backend geladen.

In dieser Datei notieren wir einfach alle CSS Stile, auf die ein Autor zugreifen will/darf/muß. (Das standard Theme Blackcandy inkludiert übrigens gleich die gesamte typography.css Datei per @import Regel.) Und nach einem erneutem Login sollten die Stile nun auswählbar sein.

So einfach kann man die Autoren glücklich machen!

Update: Ein Screenshot vom Endergebnis mit ausgeklappter Auswahlliste! Dank Shutter.

tynimce editor mit style-select

 


Kommentarformular

[* = Benötigt | ** = Benötigt/wird nicht veröffentlicht] Bitte auch die Spielregeln beachten.

Kommentare:

Gravatar

Computer sagt:

Noch keine Kommentare. Schreibe den Ersten!