Bevor wir zur eigentlichen Implementierung kommen noch eine Anmerkung zum Hintergrund - was macht eigentlich der Editor?
Der Editor prüft, sobald er gestartet wird, ob in einem oder mehreren Layouts (Haupt- wie Unterlayouts) in der LYK-Datei die Definition der CSS-Klasse ".editor" vorkommt.
Ist dies der Fall wird das entsprechende Layout geladen und darin zeilenweise geprüft wie die Konfiguration aussieht.
Eine komplette Konfiguration für einen Style kann bspw. so aussehen:
#! Bezeichnung: "Trennlinie blau" BackColor:"clSilver" Color:"clSilver" .editor p.separator { padding-top: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid rgb(150,150,150); }
Bei diesem Beispiel wird ein Style namens "Trennlinie blau" ermöglicht der im Editor mit der Schrift- und Hintergrundfarbe Silber versehen wird. Der darunterstehende CSS-Code legt das Aussehen im öffentlichen Web bzw. der integrierten Webvorschau fest.
Nach diesen kurzen Erläuterungen beginnt beim nächsten Schritt dieses Tutorials die eigentliche Integration in ein Webprojekt.
Fachbeitrag: Hilfreiche Tools zur Webentwicklung