WYSIWYG Editor Styles

Damit auch beim bearbeiten von Beiträgen alles so gut wie möglich dem Template gleicht, liegt bei JYAML bereits eine vorgefertigte CSS-Datei für die WYSIWYG Editoren bei.

Die Datei liegt im /css/ Verzeichnis des Templates und nennt sich editor.css. Und da die template.css von JYAML nicht benutzt wird, aber von einigen Editoren als Standard verwendet wird, verweist diese auf die editor.css. Damit lädt der JCE sowie der Standard Joomla! TinyMCE Editor ohne Anpassungen vorzunehmen dieses Stylesheet.

Damit man im Editor einen etwas besseren Überblick hat wurden für die CSS-Klassen floatbox, clearfix sowie allen subtemplate Klassen spezielle Hervorhebungen definiert (funktioniert nur mit modernen Browsern die CSS3 unterstützen).

Styles/CSS-Klassen in der Auswahlbox freigeben

Um einen Style bzw. eine CSS-Klasse in der jeweilige entsprechenden Auswahlbox auswählen zu können muss diese in der editor.css ohne Definition eingefügt werden. Also einfach als Platzhalter. Sehen Sie sich hierzu einfach die editor.css an, dann sehen Sie was gemeint ist.

Falls Sie für die Editor-Ansicht z.B. eine andere Schrift-Farbe benötigen können Sie dies einfach in der CSS-Klasse definieren. Sie haben zum Beispiel eine Klasse "black-and-white" mit schwarzem Hintergrund und weißem Text. Nun möchten Sie aber im Editor den Text umgekehrt, also mit weißem Hintergrund und schwarzen Text, anzeigen. Dann geben Sie in die editor.css z.B. folgendes ein ".black-and-white { background: transparent, color:#000; }".