Kapitel 2 - Editoren

Sourcecode-Editor

Der Sourcecode-Editor ist ein komfortabler XHTML-Sourcecode-Editor mit integriertem Validierungsmechanismus.

Aufruf

Der Aufruf des Sourcecode-Editors erfolgt auf der Lenya-Oberfläche über das Register BEARBEITUNG. Innerhalb von "Bearbeiten" wird er im aufgeklappten Drop-Down-Menü über "Edit Source" geöffnet.

Arbeiten

Das Bearbeiten der in einen Arbeitsbereich geladenen Daten erfolgt direkt im XHTML-Sourcecode.

Nach dem Editoraufruf öffnet sich ein Fenster, in dem die Datei in der Sourcecode-Darstellung angezeigt wird.

Über dem Fenster wird, in einem dunkel hinterlegten Feld, nach dem Wort "Dokument:" der Titel, sprich die erste Zeile der Seite, angezeigt.
Die sog. UUID ( Universally Unique Identifier) wird nach dem gleichlautenden Schlüsselwort "UUID:" ausgegeben,
danach wird, nach dem Begriff "Sprache:", das Kürzel und der Langtext der Sprach-Version ausgegeben, in dem das gewählte Dokument gespeichert ist.

Hinter dem Begriff "Predefined Entities" verbirgt sich eine Aufstellung synonym verwendbarer Zeichen (z.B. für "spitze-Klammer-auf" bzw. das "kleiner-als-Zeichen" (<) kann auch &lt; verwendet werden und umgekehrt).
Ein Klick auf das + bzw. - Zeichen öffnet bzw. schließt die Auflistung, ein Klick auf den verlinkten Begriff führt in die Welt bzw. die Dokumentationen des W3C (World Wide Web Consortium), dort ins Kapitel 'Extensible Markup Language (XML), Character Data and Markup'.

Speichern

Im Hauptfenster ist, wenn noch keine Änderung vorgenommen wurde, die Funktion "Speichern" ausgegraut.
(Beispiel: keine Änderung)

Abbrechen

Soll die Aktion ohne Datensicherung beendet werden, so steht "Abbrechen" zur Verfügung.

Farbdarstellung des Source-Codes

Zunächst fällt auf, dass die Darstellung des Dateiinhalts farblich unterschiedlich ist:
- Nutzinhalt, also darzustellender Text, wird schwarz wiedergegeben
- Tags, also die Steuerzeichen, sind in violett/magenta hervorgehoben
- Tag-Attribute sind in blauer Schrift und
- Attributinhalte bzw. -werte werden durch eine grüne Farbe markiert.
- Metatag-Daten sind grau.
- Kommentare sind möglich ("<!-- " vor und " -->" nach dem Kommentar) und leuchten in einem gelb-/oker-Ton.
(Beispiel: Farb-Codierung)

Validierung / Fehlerdarstellung

Die Validierung (d.h. die Prüfung auf Zulässigkeit der HTML-Befehle bzw. auf die Wohlgeformtheit des XHTML-Codes) erfolgt direkt bei der Eingabe der Daten. Werden Unzulässigkeiten erkannt, wird dies durch rote Tags signalisiert.
(Beispiel: Fehlerkennzeichnung)

Fehlerhafter, d.h. durch die Validierungsprüfung als unzulässig erkannter Sourcecode, kann nicht gespeichert werden.
Über dem oberen, dunkel hinterlegten Feld wird ein Fehlerfeld eingeblendet, das Hinweise auf die entdeckten Unzulänglichkeiten enthält.
(Beispiel: Fehler-Info 1 / Beispiel: Fehler-Info 2)
Fehler können / sollten sofort im aktuellen Dokument korrigiert werden (nicht mit der Browser-Zurück-Taste arbeiten!). 

Formatieren

Über "Formatieren" kann der Sourcecode ggf. in eine besser lesbare Form gebracht werden; automatisch werden hiermit logische Einrückungen und ähnliches vorgenommen.
(Beispiel: nach der Formatierung)

Links: Verknüpfen, Verlinken (interne / externe Links)

"Links einfügen" ermöglicht auf einfache Weise, Verknüpfungen herzustellen.

Interne Links können durch einen Klick auf das gewünschte Dokument im Dateibaum (am linken Rand) selektiert werden. Im Dateibaum steht der (lesbare) Dateiname, eingefügt wird im Feld "URL" die zugehörige UUID des zu verlinkenden Dokuments. Im gleichen Fenster können auch der "Link-Titel" und der "Link-Text" eingegeben bzw. geändert werden. Mit "Link einfügen" wird die Aktion ausgeführt und abgeschlossen.
Befindet sich das zu verlinkende Dokument noch nicht im cms (d.h. es ist z.B. noch auf einem anderen Datenträger), so kann dies über "Neue Datei hochladen..." nachgeholt werden. Die zu ladende Datei wird dann unterhalb des aktuellen Dokuments in den "Anlagen" hinzugefügt. Anschließend kann, wie oben beschrieben, das Dokument verlinkt werden.

Externe Links können durch das Einfügen der kompletten Internetadresse ins Feld "URL" erstellt werden. Wie oben schon erwähnt können hier auch der "Link-Titel" und der "Link-Text" eingegeben bzw. geändert werden. Mit "Link einfügen" wird die Aktion ausgeführt und abgeschlossen. Sollten noch weitere Attribute hinzuzufügen sein (z.B. target="_blank"), so kann dies im Sourcecode-Bereich erfolgen.

Soll eine Verlink-Aktion nicht aus- bzw. durchgeführt werden, so kann dies über "Abbrechen" iniziiert werden.

Bild einfügen

Soll ein Bild eingefügt werden, so gilt eine analoge Vorgehensweise wie bei "Link einfügen": "Bild einfügen" muß angeklickt werden und es öffnet sich ein Fenster mit den schon vorhandenen Anlagen.
Vorsicht:
Über den Sourcecode-Editor können nur Anlagen (Bilder) mit einer "B x H"-Angabe eingefügt werden!

Ist in der Anlage das gesuchte Bild mit BxH-Angabe vorhanden, so muß nur das Media-Dokument durch einen Klick auf den links stehenden Auswahl-Kreis selektiert werden. Dadurch werden die Angaben für "Titel" ("title"-Attribut), "Breite" ("width"-Attribut) und "Höhe" ("hight"-Attribut) in die entsprechenden Felder übernommen. Der Inhalt des Feldes "Beschreibung" wird als Inhalt des "alt"-Attributs eingefügt. Der Inhalt der Spalte "Datei" (der relativ adressierte Dateiname) wird um den Prefix "/[publication-id]/authoring/" ergänzt und als Wert dem "scr"-Attribut hinzugefügt